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

package/lib/search-select/input.d.ts

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     menuList: Ref<ISearchItem[]>;
     menuHoverId: Ref<string>;
     isFocus: Ref<boolean>;
+    isComposition: Ref<boolean>;
     usingItem: Ref<SelectedItem>;
     showPopover: Ref<boolean>;
     showNoSelectValueError: Ref<boolean>;
@@ -72,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     inputClearForWrapper: () => void;
     deleteInputTextNode: () => void;
     customPanelSubmit: (value: string) => void;
-    refleshMenuHover: () => void;
+    refreshMenuHover: () => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -84,6 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         logical: string;
     }>;
     inputKey: Ref<string>;
+    handleCompositionEnd: (event: CompositionEvent) => void;
+    handleCompositionStart: () => void;
+    handleInputCopy: (event: ClipboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], "focus" | "delete" | "add" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<ISearchItem[]>;

package/lib/search-select/search-select.d.ts

@@ -122,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -145,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -157,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
@@ -255,6 +259,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -278,7 +283,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -290,6 +295,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: import("./utils").SearchInputMode;
@@ -406,7 +414,7 @@ declare const _default: import("vue").DefineComponent<{
     handleWrapClick: () => void;
     handleInputFocus: (v: boolean) => void;
     handleResize: () => void;
-    handleClearAll: () => void;
+    handleClearAll: (e: MouseEvent) => void;
     handleInputOutside: (target: Node) => boolean;
     handleAddSelected: (item: SelectedItem) => void;
     handleDeleteSelected: (index?: number) => void;
@@ -424,7 +432,7 @@ declare const _default: import("vue").DefineComponent<{
         and: string;
         logical: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "selectKey")[], "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("copy" | "search" | "update:modelValue" | "selectKey")[], "copy" | "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
         default: () => any[];
@@ -458,9 +466,10 @@ declare const _default: import("vue").DefineComponent<{
         validator(v: ValueBehavior): boolean;
     };
 }>> & {
+    onCopy?: (...args: any[]) => any;
+    onSearch?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
-    onSearch?: (...args: any[]) => any;
 }, {
     data: Omit<ISearchItem, "value" | "isSelected">[];
     maxHeight: number;

package/lib/search-select/search-select.variable.css

@@ -99,7 +99,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -128,6 +128,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/search-select/selected.d.ts

@@ -78,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -101,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -113,6 +114,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
@@ -211,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -234,7 +239,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -246,6 +251,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: SearchInputMode;

package/lib/search-select/utils.d.ts

@@ -26,6 +26,7 @@ export interface ISearchSelectProvider {
     onEditEnter: (item: SelectedItem, index: number) => void;
     onEditBlur: () => void;
     onValidate: (str: string) => void;
+    onCopy: (event: ClipboardEvent, text: string, item: ISearchValue) => void;
     editKey: Ref<string>;
     searchData: ComputedRef<ISearchItem[]>;
     isClickOutside: (target: Node) => boolean;

package/lib/select/common.d.ts

@@ -11,7 +11,6 @@ export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
     register: (key: string, item: T) => Map<PropertyKey, T>;
     unregister: (key: string, item?: T) => void;
 };
-export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
 export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
     isPopoverShow: Ref<boolean>;
     popperWidth: Ref<string | number>;

package/lib/select/index.d.ts

@@ -196,7 +196,9 @@ declare const BkSelect: {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -348,6 +350,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -384,7 +390,7 @@ declare const BkSelect: {
         inputRef: import("vue").Ref<HTMLElement>;
         triggerRef: import("vue").Ref<HTMLElement>;
         contentRef: import("vue").Ref<HTMLElement>;
-        searchRef: import("vue").Ref<HTMLElement>;
+        searchRef: import("vue").Ref<HTMLInputElement>;
         scrollContainerRef: import("vue").Ref<HTMLElement>;
         selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             selected: {
@@ -666,7 +672,9 @@ declare const BkSelect: {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -766,6 +774,7 @@ declare const BkSelect: {
         preloadItemCount: import("vue").ComputedRef<number>;
         virtualRenderRef: import("vue").Ref<any>;
         setSelected: (data: object[]) => void;
+        handleExtensionClick: (e: MouseEvent) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("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> & {
@@ -960,7 +969,9 @@ declare const BkSelect: {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -1112,6 +1123,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1170,6 +1185,7 @@ declare const BkSelect: {
         keepSearchValue: boolean;
         searchWithPinyin: boolean;
         disableScrollToSelectedOption: boolean;
+        inputTooltipsOptions: {};
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -1371,7 +1387,9 @@ declare const BkSelect: {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -1523,6 +1541,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1559,7 +1581,7 @@ declare const BkSelect: {
         inputRef: import("vue").Ref<HTMLElement>;
         triggerRef: import("vue").Ref<HTMLElement>;
         contentRef: import("vue").Ref<HTMLElement>;
-        searchRef: import("vue").Ref<HTMLElement>;
+        searchRef: import("vue").Ref<HTMLInputElement>;
         scrollContainerRef: import("vue").Ref<HTMLElement>;
         selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             selected: {
@@ -1841,7 +1863,9 @@ declare const BkSelect: {
                     alignmentAxis?: number;
                 });
             };
-            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+                default: string | (() => HTMLElement);
+            };
             zIndex: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -1941,6 +1965,7 @@ declare const BkSelect: {
         preloadItemCount: import("vue").ComputedRef<number>;
         virtualRenderRef: import("vue").Ref<any>;
         setSelected: (data: object[]) => void;
+        handleExtensionClick: (e: MouseEvent) => void;
     }, {}, {}, {}, {
         prefix: string;
         size: "default" | "small" | "large" | "huge";
@@ -1987,6 +2012,7 @@ declare const BkSelect: {
         keepSearchValue: boolean;
         searchWithPinyin: boolean;
         disableScrollToSelectedOption: boolean;
+        inputTooltipsOptions: {};
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -2185,7 +2211,9 @@ declare const BkSelect: {
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -2337,6 +2365,10 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+        default: () => {};
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -2373,7 +2405,7 @@ declare const BkSelect: {
     inputRef: import("vue").Ref<HTMLElement>;
     triggerRef: import("vue").Ref<HTMLElement>;
     contentRef: import("vue").Ref<HTMLElement>;
-    searchRef: import("vue").Ref<HTMLElement>;
+    searchRef: import("vue").Ref<HTMLInputElement>;
     scrollContainerRef: import("vue").Ref<HTMLElement>;
     selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         selected: {
@@ -2655,7 +2687,9 @@ declare const BkSelect: {
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -2755,6 +2789,7 @@ declare const BkSelect: {
     preloadItemCount: import("vue").ComputedRef<number>;
     virtualRenderRef: import("vue").Ref<any>;
     setSelected: (data: object[]) => void;
+    handleExtensionClick: (e: MouseEvent) => 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", {
     prefix: string;
     size: "default" | "small" | "large" | "huge";
@@ -2801,6 +2836,7 @@ declare const BkSelect: {
     keepSearchValue: boolean;
     searchWithPinyin: boolean;
     disableScrollToSelectedOption: boolean;
+    inputTooltipsOptions: {};
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
         id: {
@@ -2876,12 +2912,17 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }, {
         groupLabel: import("vue").ComputedRef<string>;
+        isVisible: import("vue").ComputedRef<boolean>;
         handleToggleCollapse: () => void;
         resolveClassName: (cls: string) => string;
         groupCollapse: import("vue").Ref<boolean>;
-        visible: import("vue").Ref<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -2903,8 +2944,14 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>>, {
         label: string;
+        visible: boolean;
         disabled: boolean;
         collapse: boolean;
         collapsible: boolean;