bkui-vue 2.0.1-beta.9 → 2.0.1-beta.90

package/lib/select/select.d.ts

@@ -38,11 +38,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    minHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     showAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -62,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-        default: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -122,6 +130,11 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -137,22 +150,25 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -311,6 +327,15 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    trigger: {
+        type: PropType<"default" | "manual">;
+        default: string;
+    };
+    disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     t: import("vue").ComputedRef<{
         noData: string;
@@ -336,13 +361,14 @@ declare const _default: import("vue").DefineComponent<{
     triggerRef: import("vue").Ref<HTMLElement>;
     contentRef: import("vue").Ref<HTMLElement>;
     searchRef: import("vue").Ref<HTMLElement>;
+    scrollContainerRef: import("vue").Ref<HTMLElement>;
     selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         selected: {
             type: import("vue-types/dist/types").PropType<ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-            default: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -375,8 +401,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         collapseTagRef: import("vue").Ref<any>;
@@ -390,6 +416,7 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -398,8 +425,8 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue-types/dist/types").PropType<ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-            default: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -432,13 +459,13 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         disabled: boolean;
         placeholder: string;
-        tagTheme: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
         behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
@@ -456,8 +483,8 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue-types/dist/types").PropType<ISelected[]>;
             default: () => any[];
         };
-        tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-            default: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -490,8 +517,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onKeydown?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
         onEnter?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     }, {
         collapseTagRef: import("vue").Ref<any>;
@@ -505,20 +532,20 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
         disabled: boolean;
         placeholder: string;
-        tagTheme: "" | "info" | "success" | "warning" | "danger";
+        tagTheme: "" | "danger" | "success" | "warning" | "info";
         behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
         allowCreate: boolean;
         collapseTags: boolean;
     }>>;
-    virtualRenderRef: import("vue").Ref<any>;
     popoverRef: import("vue").Ref<any>;
     searchLoading: import("vue").Ref<boolean>;
     isOptionsEmpty: import("vue").ComputedRef<boolean>;
@@ -533,7 +560,7 @@ declare const _default: import("vue").DefineComponent<{
     isShowAll: import("vue").ComputedRef<boolean>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
     virtualHeight: import("vue").ComputedRef<number>;
-    virtualList: import("vue").ComputedRef<any[]>;
+    filterList: import("vue").ComputedRef<any[]>;
     isCollapseTags: import("vue").ComputedRef<boolean>;
     popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -551,6 +578,11 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -566,22 +598,25 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -665,6 +700,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>>;
     isAllSelected: import("vue").ComputedRef<boolean>;
     isAll: import("vue").ComputedRef<boolean>;
+    displayAllText: import("vue").ComputedRef<string>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -684,13 +720,18 @@ declare const _default: import("vue").DefineComponent<{
     handleDeleteTag: (val: string) => void;
     handleInputChange: (value: any) => void;
     handleSelectedAllOptionMouseEnter: () => void;
-    handlePopoverShow: () => void;
     localLoadingText: import("vue").ComputedRef<string>;
     localPlaceholder: import("vue").ComputedRef<string>;
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
-    handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
+    handleCreateCustomOption: (val: number | string, e: KeyboardEvent) => void;
+    handlePopoverShown: () => void;
+    virtualLineHeight: import("vue").Ref<number>;
+    isEnableVirtualRender: import("vue").ComputedRef<boolean>;
+    preloadItemCount: import("vue").ComputedRef<number>;
+    virtualRenderRef: import("vue").Ref<any>;
+    setSelected: (data: Array<object>) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -729,11 +770,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    minHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     showAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -753,8 +802,8 @@ declare const _default: import("vue").DefineComponent<{
     multipleMode: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    tagTheme: import("vue-types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-        default: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -813,6 +862,11 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -828,22 +882,25 @@ declare const _default: import("vue").DefineComponent<{
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -1002,6 +1059,15 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    trigger: {
+        type: PropType<"default" | "manual">;
+        default: string;
+    };
+    disableScrollToSelectedOption: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -1018,17 +1084,19 @@ declare const _default: import("vue").DefineComponent<{
     prefix: string;
     size: "default" | "small" | "large" | "huge";
     disabled: boolean;
-    multiple: boolean;
+    trigger: "default" | "manual";
     showOnInit: boolean;
+    loading: boolean;
+    multiple: boolean;
     placeholder: string;
     list: any[];
-    loading: boolean;
-    tagTheme: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: "" | "danger" | "success" | "warning" | "info";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
     scrollHeight: number;
     clearable: boolean;
     withValidate: boolean;
+    minHeight: number;
     noDataText: string;
     showSelectedIcon: boolean;
     highlightKeyword: boolean;
@@ -1040,6 +1108,7 @@ declare const _default: import("vue").DefineComponent<{
     idKey: string;
     remoteMethod: (...args: any[]) => any;
     showAll: boolean;
+    allOptionText: string;
     showSelectAll: boolean;
     multipleMode: string;
     autoHeight: boolean;
@@ -1056,5 +1125,6 @@ declare const _default: import("vue").DefineComponent<{
     disableFocusBehavior: boolean;
     keepSearchValue: boolean;
     searchWithPinyin: boolean;
+    disableScrollToSelectedOption: boolean;
 }, {}>;
 export default _default;

package/lib/select/select.less

@@ -127,8 +127,8 @@
   }
 
   &.popover-show {
-    .@{bk-prefix}-select-trigger .angle-up {
-      transform: rotate(0);
+    .@{bk-prefix}-select-trigger .angle-down {
+      transform: rotate(180deg);
     }
   }
 
@@ -257,9 +257,8 @@
       }
     }
 
-    .angle-up {
+    .angle-down {
       right: 4px;
-      transform: rotate(180deg);
       transition: transform .3s cubic-bezier(.4, 0, .2, 1);
       .select-icon();
       .fix-icon();
@@ -529,3 +528,7 @@
     }
   }
 }
+
+.@{bk-prefix}-select-tooltips {
+  max-width: 600px;
+}