bkui-vue 0.0.1-beta.132 → 0.0.1-beta.135

package/lib/select/index.d.ts

@@ -1301,474 +1301,6 @@ declare const BkSelect: {
         collapse: boolean;
         collapsible: boolean;
     }>;
-}> & {
-    C: import("vue").DefineComponent<{
-        modelValue: import("vue-types").VueTypeValidableDef<any>;
-        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        loading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
-        };
-        scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        multipleMode: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        tagTheme: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        behavior: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        noDataText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        noMatchText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        loadingText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        placeholder: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        selectAllText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverOptions: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
-                [key: string]: any;
-            };
-        } & {
-            default: () => {
-                [key: string]: any;
-            };
-        };
-        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }, {
-        selected: import("vue").Ref<{
-            value: string;
-            label: string;
-        }[]>;
-        isInput: import("vue").ComputedRef<boolean>;
-        options: import("vue").ComputedRef<import("./type").OptionInstanceType[]>;
-        isDisabled: import("vue").ComputedRef<boolean>;
-        selectedLabel: import("vue").ComputedRef<string[]>;
-        isPopoverShow: import("vue").Ref<boolean>;
-        isHover: import("vue").Ref<boolean>;
-        popperWidth: import("vue").Ref<string | number>;
-        inputRef: import("vue").Ref<HTMLElement>;
-        triggerRef: import("vue").Ref<HTMLElement>;
-        selectTagInputRef: import("vue").Ref<{
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                placeholder: string;
-                selected: import("./type").ISelected[];
-                tagTheme: string;
-                filterable: boolean;
-                allowCreate: boolean;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-            }>> & {
-                onFocus?: (...args: any[]) => any;
-                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">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-            $emit: (event: "focus" | "update:modelValue" | "remove" | "enter", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                selected: {
-                    type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                    default: () => any[];
-                };
-                tagTheme: import("vue-types").VueTypeDef<string> & {
-                    default: string;
-                };
-                placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                    default: string;
-                } & {
-                    default: string;
-                };
-                filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                    default: boolean;
-                } & {
-                    default: boolean;
-                };
-                modelValue: import("vue-types").VueTypeValidableDef<any>;
-            }>> & {
-                onFocus?: (...args: any[]) => any;
-                onEnter?: (...args: any[]) => any;
-                "onUpdate:modelValue"?: (...args: any[]) => any;
-                onRemove?: (...args: any[]) => any;
-            }, {
-                value: any;
-                inputRef: import("vue").Ref<HTMLElement>;
-                handleRemoveTag: (val: string) => void;
-                handleFocus: () => void;
-                focus: () => void;
-                handleInput: (e: any) => void;
-                handleKeydown: (e: any) => void;
-                handleGetLabelByValue: (item: import("./type").ISelected) => string;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "remove" | "enter")[], string, {
-                placeholder: string;
-                selected: import("./type").ISelected[];
-                tagTheme: string;
-                filterable: boolean;
-                allowCreate: boolean;
-            }> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            selected: {
-                type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
-                default: () => any[];
-            };
-            tagTheme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            modelValue: import("vue-types").VueTypeValidableDef<any>;
-        }>> & {
-            onFocus?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onRemove?: (...args: any[]) => any;
-        } & import("vue").ShallowUnwrapRef<{
-            value: any;
-            inputRef: import("vue").Ref<HTMLElement>;
-            handleRemoveTag: (val: string) => void;
-            handleFocus: () => void;
-            focus: () => void;
-            handleInput: (e: any) => void;
-            handleKeydown: (e: any) => void;
-            handleGetLabelByValue: (item: import("./type").ISelected) => string;
-        }> & {} & {} & import("vue").ComponentCustomProperties>;
-        searchLoading: import("vue").Ref<boolean>;
-        isOptionsEmpty: import("vue").ComputedRef<boolean>;
-        isSearchEmpty: import("vue").ComputedRef<boolean>;
-        isFocus: import("vue").Ref<boolean>;
-        isShowSelectContent: import("vue").ComputedRef<boolean>;
-        curContentText: import("vue").ComputedRef<string>;
-        isGroup: import("vue").ComputedRef<boolean>;
-        searchKey: import("vue").Ref<string>;
-        setHover: () => void;
-        cancelHover: () => void;
-        handleFocus: (e: FocusEvent) => void;
-        handleTogglePopover: () => void;
-        handleClear: (e: Event) => void;
-        hidePopover: () => void;
-        showPopover: () => void;
-        handleToggleAll: () => void;
-        handleOptionSelected: (option: import("./type").OptionInstanceType) => void;
-        handleClickOutside: ({ event }: {
-            event: any;
-        }) => void;
-        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;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", 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;
-        } & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        size: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        loading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        filterable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        remoteMethod: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
-        };
-        scrollHeight: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverMinWidth: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        showOnInit: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        multipleMode: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        tagTheme: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        behavior: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        noDataText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        noMatchText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        loadingText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        placeholder: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        selectAllText: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        scrollLoading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        allowCreate: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        popoverOptions: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
-                [key: string]: any;
-            };
-        } & {
-            default: () => {
-                [key: string]: any;
-            };
-        };
-        customContent: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onFocus?: (...args: any[]) => any;
-        onBlur?: (...args: any[]) => any;
-        onChange?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        onToggle?: (...args: any[]) => any;
-        "onScroll-end"?: (...args: any[]) => any;
-    }, {
-        showOnInit: boolean;
-        disabled: boolean;
-        placeholder: string;
-        size: string;
-        multiple: boolean;
-        loading: boolean;
-        clearable: boolean;
-        behavior: string;
-        tagTheme: string;
-        filterable: boolean;
-        allowCreate: boolean;
-        popoverMinWidth: number;
-        remoteMethod: (...args: any[]) => any;
-        scrollHeight: number;
-        showSelectAll: boolean;
-        multipleMode: string;
-        collapseTags: boolean;
-        noDataText: string;
-        noMatchText: string;
-        loadingText: string;
-        selectAllText: string;
-        scrollLoading: boolean;
-        popoverOptions: {
-            [key: string]: any;
-        };
-        customContent: boolean;
-    }>;
-};
+}>;
 export default BkSelect;
 export { BkSelect, Option as BkOption, OptionGroup as BkOptionGroup, };

package/lib/select/select.css

@@ -251,6 +251,10 @@
   align-items: center;
   justify-content: space-between;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
+  color: #3a84ff;
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
   color: #63656e;
   background-color: #f5f7fa;
@@ -264,6 +268,15 @@
   cursor: not-allowed;
   background-color: transparent;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
+  background-color: #fff;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-hover {
+  background-color: #f5f7fa;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple:hover {
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
   display: flex;
   align-items: center;

package/lib/select/select.less

@@ -257,10 +257,10 @@
             justify-content: space-between;
           }
 
-          // &.is-hover {
-          //   color: #3a84ff;
-          //   background-color: #f5f7fa;
-          // }
+          &.is-hover {
+            color: #3a84ff;
+            background-color: #f5f7fa;
+          }
 
           &:hover {
             color: #63656e;
@@ -277,6 +277,20 @@
             cursor: not-allowed;
             background-color: transparent;
           }
+
+          &.is-multiple {
+            &.is-selected {
+              background-color: #fff
+            }
+
+            &.is-hover {
+              background-color: #f5f7fa;
+            }
+
+            &:hover {
+              background-color: #f5f7fa;
+            }
+          }
         }
 
         .bk-select-options-loading {

package/lib/select/select.variable.css

@@ -353,6 +353,10 @@
   align-items: center;
   justify-content: space-between;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
+  color: #3a84ff;
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
   color: #63656e;
   background-color: #f5f7fa;
@@ -366,6 +370,15 @@
   cursor: not-allowed;
   background-color: transparent;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
+  background-color: #fff;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-hover {
+  background-color: #f5f7fa;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple:hover {
+  background-color: #f5f7fa;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
   display: flex;
   align-items: center;

package/lib/shared/index.d.ts

@@ -44,12 +44,8 @@ export interface OriginComponent {
     name: string;
     install?: Plugin;
 }
-export declare const withInstall: <T extends OriginComponent>(component: T) => T & Plugin & {
-    C: T;
-};
-export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>>(component: T, childComponents: K, isProps?: boolean) => T & Plugin & Readonly<K> & {
-    C: T;
-};
+export declare const withInstall: <T extends OriginComponent>(component: T) => T & Plugin;
+export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>>(component: T, childComponents: K, isProps?: boolean) => T & Plugin & Readonly<K>;
 /**
  * 解析当前组件ClassName，自动添加前缀
  * @param clsName 当前ClassName