bkui-vue 2.0.1-beta.8 → 2.0.1-beta.81

package/lib/select/select.d.ts

@@ -38,6 +38,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    minHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     showAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -62,8 +65,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";
@@ -143,8 +146,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             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;
@@ -311,6 +314,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 +348,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 +388,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 +403,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 +412,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 +446,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 +470,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 +504,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 +519,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 +547,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> & {
@@ -572,8 +586,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             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;
@@ -684,13 +698,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,6 +748,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    minHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     showAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -753,8 +775,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";
@@ -834,8 +856,8 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             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;
@@ -1002,6 +1024,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 +1049,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;
@@ -1056,5 +1089,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;
+}