bkui-vue 0.0.2-beta.1 → 0.0.2-beta.100

package/lib/select/select.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
-        default: "small" | "large" | "default";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
+        default: "default" | "small" | "large";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -56,8 +56,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<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -101,8 +101,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -124,12 +122,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -201,9 +203,7 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -217,16 +217,24 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     customContent: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     idKey: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -279,6 +287,9 @@ declare const _default: import("vue").DefineComponent<{
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: FunctionConstructor;
+    };
 }, {
     selected: import("vue").Ref<{
         value: string;
@@ -301,7 +312,7 @@ declare const _default: import("vue").DefineComponent<{
         $props: {
             disabled?: boolean;
             placeholder?: string;
-            tagTheme?: "info" | "success" | "warning" | "danger";
+            tagTheme?: "" | "info" | "success" | "warning" | "danger";
             selected?: ISelected[];
             filterable?: boolean;
             allowCreate?: boolean;
@@ -309,8 +320,8 @@ declare const _default: import("vue").DefineComponent<{
             class?: unknown;
             style?: unknown;
             onKeydown?: (...args: any[]) => any;
-            key?: string | number | symbol;
             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, {
@@ -374,8 +385,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<"" | "info" | "success" | "warning" | "danger"> & {
+                default: "" | "info" | "success" | "warning" | "danger";
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -409,6 +420,9 @@ declare const _default: import("vue").DefineComponent<{
             onEnter?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            collapseTagRef: import("vue").Ref<any>;
+            tagWrapperRef: import("vue").Ref<any>;
+            tagsRefs: import("vue").Ref<any[]>;
             select: import("./type").ISelectContext;
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
@@ -417,10 +431,11 @@ declare const _default: import("vue").DefineComponent<{
             focus: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
+            resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:modelValue" | "enter" | "remove")[], string, {
             disabled: boolean;
             placeholder: string;
-            tagTheme: "info" | "success" | "warning" | "danger";
+            tagTheme: "" | "info" | "success" | "warning" | "danger";
             selected: ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -450,8 +465,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<"" | "info" | "success" | "warning" | "danger"> & {
+            default: "" | "info" | "success" | "warning" | "danger";
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -485,6 +500,9 @@ declare const _default: import("vue").DefineComponent<{
         onEnter?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        collapseTagRef: import("vue").Ref<any>;
+        tagWrapperRef: import("vue").Ref<any>;
+        tagsRefs: import("vue").Ref<any[]>;
         select: import("./type").ISelectContext;
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
@@ -493,6 +511,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
+        resolveClassName: (cls: string) => string;
     }> & {} & import("vue").ComponentCustomProperties & {}>;
     virtualRenderRef: import("vue").Ref<any>;
     popoverRef: import("vue").Ref<any>;
@@ -506,11 +525,9 @@ declare const _default: import("vue").DefineComponent<{
     searchKey: import("vue").Ref<string>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
     virtualHeight: import("vue").ComputedRef<number>;
-    virtualList: import("vue").ComputedRef<unknown[]>;
+    virtualList: import("vue").ComputedRef<any[]>;
     isCollapseTags: import("vue").ComputedRef<boolean>;
     popoverConfig: import("vue").ComputedRef<Partial<Readonly<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -532,12 +549,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -609,9 +630,7 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -625,6 +644,16 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     focusInput: () => void;
     setHover: () => void;
@@ -643,15 +672,15 @@ declare const _default: import("vue").DefineComponent<{
     handleScroll: (e: any) => void;
     handleDeleteTag: (val: string) => void;
     handleInputChange: (value: any) => void;
-    handleInputEnter: (val: string | number, e: Event) => void;
-    handleKeydown: (e: KeyboardEvent) => 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>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "scroll-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    resolveClassName: (cls: string) => string;
+    handleCreateCustomOption: (val: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", 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> & {
         default: boolean;
@@ -663,8 +692,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"small" | "large" | "default"> & {
-        default: "small" | "large" | "default";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
+        default: "default" | "small" | "large";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -707,8 +736,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<"" | "info" | "success" | "warning" | "danger"> & {
+        default: "" | "info" | "success" | "warning" | "danger";
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
         default: "normal" | "simplicity";
@@ -752,8 +781,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -775,12 +802,16 @@ declare const _default: import("vue").DefineComponent<{
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -852,9 +883,7 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -868,16 +897,24 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>>>;
     customContent: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     idKey: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -930,23 +967,29 @@ declare const _default: import("vue").DefineComponent<{
     selectedStyle: import("vue-types").VueTypeDef<"checkbox" | "check"> & {
         default: "checkbox" | "check";
     };
+    filterOption: {
+        type: FunctionConstructor;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onToggle?: (...args: any[]) => any;
     "onScroll-end"?: (...args: any[]) => any;
+    "onTag-remove"?: (...args: any[]) => any;
+    onDeselect?: (...args: any[]) => any;
 }, {
     prefix: string;
     disabled: boolean;
-    size: "small" | "large" | "default";
+    size: "default" | "small" | "large";
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;
-    list: unknown[];
-    tagTheme: "info" | "success" | "warning" | "danger";
+    list: any[];
+    tagTheme: "" | "info" | "success" | "warning" | "danger";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
     loading: boolean;

package/lib/select/select.less

@@ -184,7 +184,6 @@
         display: flex;
         align-items: center;
         flex-wrap: wrap;
-        padding: 2px 0;
         overflow: hidden;
       }
 
@@ -306,6 +305,17 @@
 
         .@{bk-prefix}-select-dropdown {
           overflow: auto;
+
+          &::-webkit-scrollbar {
+            width: 4px;
+            height: 4px;
+          }
+      
+          &::-webkit-scrollbar-thumb {
+            background: #dde4eb;
+            border-radius: 20px;
+            box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);
+          }
         }
 
         .@{bk-prefix}-select-extension {