bkui-vue 0.0.1-beta.163 → 0.0.1-beta.166

package/lib/pagination/pagination.variable.css

@@ -146,11 +146,12 @@
 }
 .bk-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 .bk-pagination-list {
   display: flex;
 }
+.bk-pagination-list-pre-batch,
+.bk-pagination-list-next-batch,
 .bk-pagination-list-pre,
 .bk-pagination-list-next,
 .bk-pagination-list-item {
@@ -165,19 +166,26 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 }
-.bk-pagination-list-pre:hover,
-.bk-pagination-list-next:hover,
-.bk-pagination-list-item:hover,
+.bk-pagination-list-pre-batch.is-active,
+.bk-pagination-list-next-batch.is-active,
 .bk-pagination-list-pre.is-active,
 .bk-pagination-list-next.is-active,
 .bk-pagination-list-item.is-active {
   color: #3a84ff;
-  border-color: #3a84ff;
+  background: #e1ecff;
+}
+.bk-pagination-list-pre-batch:hover,
+.bk-pagination-list-next-batch:hover,
+.bk-pagination-list-pre:hover,
+.bk-pagination-list-next:hover,
+.bk-pagination-list-item:hover {
+  background: #f0f1f5;
 }
+.bk-pagination-list-pre-batch.is-disabled,
+.bk-pagination-list-next-batch.is-disabled,
 .bk-pagination-list-pre.is-disabled,
 .bk-pagination-list-next.is-disabled,
 .bk-pagination-list-item.is-disabled {
@@ -186,26 +194,20 @@
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-pagination-list-pre-batch,
-.bk-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-}
-.bk-pagination-list-pre-batch:hover,
-.bk-pagination-list-next-batch:hover {
-  color: #3a84ff;
-}
 .bk-pagination-list-pre,
 .bk-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+}
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  background-color: transparent;
 }
 .bk-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 .bk-pagination-limit {
   display: flex;
@@ -216,12 +218,32 @@
   width: 60px;
   margin: 0 4px;
 }
+.bk-pagination-limit-select .bk-input {
+  border-color: #f0f1f5;
+}
+.bk-pagination-limit-select .bk-input--text {
+  background-color: #f0f1f5;
+}
+.bk-pagination-limit-select:hover .bk-input {
+  border-color: #eaebf0;
+}
+.bk-pagination-limit-select:hover .bk-input--text {
+  background-color: #eaebf0;
+}
+.bk-pagination-limit-select .bk-input.is-focused {
+  border-color: #3a84ff;
+}
+.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
+  background-color: #fff;
+}
 .bk-pagination-small-list {
   display: flex;
+  align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker {
   display: flex;
-  height: 24px;
+  height: 26px;
+  margin: 0 4px;
   cursor: pointer;
   background-color: #f0f1f5;
   border: 1px solid #f0f1f5;
@@ -229,8 +251,8 @@
   align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker:hover {
-  background-color: #e1ecff;
-  border-color: #e1ecff;
+  background-color: #eaebf0;
+  border-color: #eaebf0;
 }
 .bk-pagination-small-list .bk-pagination-picker.is-focused {
   background-color: #fff;
@@ -239,7 +261,7 @@
 }
 .bk-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -257,14 +279,18 @@
 .bk-pagination-btn-pre,
 .bk-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 }
 .bk-pagination-btn-pre:hover,
 .bk-pagination-btn-next:hover {
   color: #3a84ff;
+  background: #f0f1f5;
 }
 .bk-pagination-btn-pre.is-disabled,
 .bk-pagination-btn-next.is-disabled {

package/lib/select/index.d.ts

@@ -19,6 +19,7 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
@@ -28,7 +29,6 @@ declare const BkSelect: {
             scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
-            collapseTags: boolean;
             noDataText: string;
             noMatchText: string;
             loadingText: string;
@@ -38,6 +38,7 @@ declare const BkSelect: {
             customContent: boolean;
             displayKey: string;
             inputSearch: boolean;
+            enableVirtualRender: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeValidableDef<any>;
             multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -191,6 +192,11 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
@@ -199,7 +205,7 @@ declare const BkSelect: {
             onClear?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "popoverMinWidth" | "idKey" | "remoteMethod" | "popoverOptions" | "scrollHeight" | "showSelectAll" | "multipleMode" | "collapseTags" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "popoverOptions" | "scrollHeight" | "showSelectAll" | "multipleMode" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -366,6 +372,11 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
@@ -394,11 +405,13 @@ declare const BkSelect: {
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
+                    disabled: boolean;
                     placeholder: string;
                     selected: import("./type").ISelected[];
                     tagTheme: string;
                     filterable: boolean;
                     allowCreate: boolean;
+                    collapseTags: boolean;
                 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     selected: {
                         type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -422,12 +435,22 @@ declare const BkSelect: {
                     } & {
                         default: boolean;
                     };
+                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                     modelValue: import("vue-types").VueTypeValidableDef<any>;
+                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                 }>> & {
                     onEnter?: (...args: any[]) => any;
                     "onUpdate:modelValue"?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
-                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -464,25 +487,37 @@ declare const BkSelect: {
                     } & {
                         default: boolean;
                     };
+                    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                     modelValue: import("vue-types").VueTypeValidableDef<any>;
+                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                 }>> & {
                     onEnter?: (...args: any[]) => any;
                     "onUpdate:modelValue"?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
                 }, {
+                    overflowTagIndex: import("vue").Ref<number>;
                     value: any;
                     inputRef: import("vue").Ref<HTMLElement>;
                     handleRemoveTag: (val: string) => void;
                     focus: () => void;
                     handleInput: (e: any) => void;
                     handleKeydown: (e: any) => void;
-                    handleGetLabelByValue: (item: import("./type").ISelected) => string;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove" | "enter")[], string, {
+                    disabled: boolean;
                     placeholder: string;
                     selected: import("./type").ISelected[];
                     tagTheme: string;
                     filterable: boolean;
                     allowCreate: boolean;
+                    collapseTags: boolean;
                 }> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -526,20 +561,31 @@ declare const BkSelect: {
                 } & {
                     default: boolean;
                 };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             } & import("vue").ShallowUnwrapRef<{
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
-                handleGetLabelByValue: (item: import("./type").ISelected) => string;
             }> & {} & {} & import("vue").ComponentCustomProperties>;
+            virtualRenderRef: import("vue").Ref<any>;
             searchLoading: import("vue").Ref<boolean>;
             isOptionsEmpty: import("vue").ComputedRef<boolean>;
             isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -548,6 +594,9 @@ declare const BkSelect: {
             curContentText: import("vue").ComputedRef<string>;
             isGroup: import("vue").ComputedRef<boolean>;
             searchKey: import("vue").Ref<string>;
+            isShowSelectAll: import("vue").ComputedRef<boolean>;
+            virtualHeight: import("vue").ComputedRef<number>;
+            filterList: import("vue").ComputedRef<unknown[]>;
             setHover: () => void;
             cancelHover: () => void;
             handleFocus: () => void;
@@ -582,6 +631,7 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
@@ -591,7 +641,6 @@ declare const BkSelect: {
             scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
-            collapseTags: boolean;
             noDataText: string;
             noMatchText: string;
             loadingText: string;
@@ -601,6 +650,7 @@ declare const BkSelect: {
             customContent: boolean;
             displayKey: string;
             inputSearch: boolean;
+            enableVirtualRender: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -774,6 +824,11 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -802,11 +857,13 @@ declare const BkSelect: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                disabled: boolean;
                 placeholder: string;
                 selected: import("./type").ISelected[];
                 tagTheme: string;
                 filterable: boolean;
                 allowCreate: boolean;
+                collapseTags: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 selected: {
                     type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -830,12 +887,22 @@ declare const BkSelect: {
                 } & {
                     default: boolean;
                 };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -872,25 +939,37 @@ declare const BkSelect: {
                 } & {
                     default: boolean;
                 };
+                disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             }, {
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
-                handleGetLabelByValue: (item: import("./type").ISelected) => string;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove" | "enter")[], string, {
+                disabled: boolean;
                 placeholder: string;
                 selected: import("./type").ISelected[];
                 tagTheme: string;
                 filterable: boolean;
                 allowCreate: boolean;
+                collapseTags: boolean;
             }> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -934,20 +1013,31 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
-            handleGetLabelByValue: (item: import("./type").ISelected) => string;
         }> & {} & {} & import("vue").ComponentCustomProperties>;
+        virtualRenderRef: import("vue").Ref<any>;
         searchLoading: import("vue").Ref<boolean>;
         isOptionsEmpty: import("vue").ComputedRef<boolean>;
         isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -956,6 +1046,9 @@ declare const BkSelect: {
         curContentText: import("vue").ComputedRef<string>;
         isGroup: import("vue").ComputedRef<boolean>;
         searchKey: import("vue").Ref<string>;
+        isShowSelectAll: import("vue").ComputedRef<boolean>;
+        virtualHeight: import("vue").ComputedRef<number>;
+        filterList: import("vue").ComputedRef<unknown[]>;
         setHover: () => void;
         cancelHover: () => void;
         handleFocus: () => void;
@@ -1132,6 +1225,11 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
+    enableVirtualRender: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -1160,11 +1258,13 @@ declare const BkSelect: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            disabled: boolean;
             placeholder: string;
             selected: import("./type").ISelected[];
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             selected: {
                 type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -1188,12 +1288,22 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1230,25 +1340,37 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
-            handleGetLabelByValue: (item: import("./type").ISelected) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove" | "enter")[], string, {
+            disabled: boolean;
             placeholder: string;
             selected: import("./type").ISelected[];
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1292,20 +1414,31 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         modelValue: import("vue-types").VueTypeValidableDef<any>;
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onEnter?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
-        handleGetLabelByValue: (item: import("./type").ISelected) => string;
     }> & {} & {} & import("vue").ComponentCustomProperties>;
+    virtualRenderRef: import("vue").Ref<any>;
     searchLoading: import("vue").Ref<boolean>;
     isOptionsEmpty: import("vue").ComputedRef<boolean>;
     isSearchEmpty: import("vue").ComputedRef<boolean>;
@@ -1314,6 +1447,9 @@ declare const BkSelect: {
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
     searchKey: import("vue").Ref<string>;
+    isShowSelectAll: import("vue").ComputedRef<boolean>;
+    virtualHeight: import("vue").ComputedRef<number>;
+    filterList: import("vue").ComputedRef<unknown[]>;
     setHover: () => void;
     cancelHover: () => void;
     handleFocus: () => void;
@@ -1348,6 +1484,7 @@ declare const BkSelect: {
     tagTheme: string;
     filterable: boolean;
     allowCreate: boolean;
+    collapseTags: boolean;
     popoverMinWidth: number;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
@@ -1357,7 +1494,6 @@ declare const BkSelect: {
     scrollHeight: number;
     showSelectAll: boolean;
     multipleMode: string;
-    collapseTags: boolean;
     noDataText: string;
     noMatchText: string;
     loadingText: string;
@@ -1367,6 +1503,7 @@ declare const BkSelect: {
     customContent: boolean;
     displayKey: string;
     inputSearch: boolean;
+    enableVirtualRender: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     Option: import("vue").DefineComponent<{
         value: import("vue-types").VueTypeValidableDef<any>;