bkui-vue 1.0.3-beta.55 → 1.0.3-beta.57

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

@@ -44,7 +44,7 @@ declare const BkSearchSelect: {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onSearch?: (...args: any[]) => any;
     }, {
-        inputRef: import("vue").Ref<import("vue").DefineComponent<{
+        inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<import("./utils").ISearchItem[]>;
                 required: true;
@@ -65,6 +65,10 @@ declare const BkSearchSelect: {
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+        }>> & {
+            onFocus?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onAdd?: (...args: any[]) => any;
         }, {
             popoverRef: import("vue").Ref<HTMLDivElement>;
             inputRef: import("vue").Ref<HTMLDivElement>;
@@ -106,6 +110,8 @@ declare const BkSearchSelect: {
             handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
             handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
             resolveClassName: (cls: string) => string;
+            inputFocusForWrapper: () => void;
+            inputEnterForWrapper: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -116,7 +122,7 @@ declare const BkSearchSelect: {
                 and: string;
                 logical: string;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<import("./utils").ISearchItem[]>;
                 required: true;
@@ -146,7 +152,97 @@ declare const BkSearchSelect: {
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
             showCondition: boolean;
-        }, {}>>;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("./utils").ISearchItem[]>;
+                required: true;
+            };
+            showInputBefore: BooleanConstructor;
+            showCondition: BooleanConstructor;
+            clickOutside: FunctionConstructor;
+            placeholder: StringConstructor;
+            conditions: {
+                type: import("vue").PropType<import("./utils").ICommonItem[]>;
+                default: () => any[];
+            };
+            defautUsingItem: import("vue").PropType<import("./utils").SelectedItem>;
+            mode: {
+                type: import("vue").PropType<import("./utils").SearchInputMode>;
+                default: import("./utils").SearchInputMode;
+            };
+            getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
+            validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
+            valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+        }>> & {
+            onFocus?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onAdd?: (...args: any[]) => any;
+        }, {
+            popoverRef: import("vue").Ref<HTMLDivElement>;
+            inputRef: import("vue").Ref<HTMLDivElement>;
+            keyword: import("vue").Ref<string>;
+            loading: import("vue").Ref<boolean>;
+            remoteMenuList: import("vue").Ref<{
+                id: string;
+                name: string;
+                disabled?: boolean;
+                realId?: string;
+                value?: {
+                    name: string;
+                    id: string;
+                    realId?: string;
+                    isSelected?: boolean;
+                    logical?: import("./utils").SearchLogical;
+                };
+                isSelected?: boolean;
+                logical?: import("./utils").SearchLogical;
+            }[]>;
+            menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
+            menuHoverId: import("vue").Ref<string>;
+            isFocus: import("vue").Ref<boolean>;
+            usingItem: import("vue").Ref<import("./utils").SelectedItem>;
+            showPopover: import("vue").Ref<boolean>;
+            showNoSelectValueError: import("vue").Ref<boolean>;
+            debounceSetMenuList: {
+                (this: any): any;
+                cancel(): void;
+            };
+            documentArrowEvent: (e: KeyboardEvent) => void;
+            handleClickOutside: (e: MouseEvent) => void;
+            handleInputFocus: () => void;
+            handleInputChange: (event: Event) => void;
+            handleInputPaste: (event: ClipboardEvent) => void;
+            handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
+            handleInputKeyup: (event: KeyboardEvent) => void;
+            handleSelectItem: (item: import("./utils").ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
+            handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
+            handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
+            resolveClassName: (cls: string) => string;
+            inputFocusForWrapper: () => void;
+            inputEnterForWrapper: () => void;
+            t: import("vue").ComputedRef<{
+                pleaseSelect: string;
+                loading: string;
+                filterQueryMustHasValue: string;
+                ok: string;
+                cancel: string;
+                or: string;
+                and: string;
+                logical: string;
+            }>;
+        }, {}, {}, {}, {
+            mode: import("./utils").SearchInputMode;
+            conditions: import("./utils").ICommonItem[];
+            showInputBefore: boolean;
+            showCondition: boolean;
+        }>>;
         wrapRef: import("vue").Ref<HTMLDivElement>;
         isFocus: import("vue").Ref<boolean>;
         copyData: import("vue").ShallowRef<import("./utils").ISearchItem[]>;
@@ -377,7 +473,7 @@ declare const BkSearchSelect: {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onSearch?: (...args: any[]) => any;
     }, {
-        inputRef: import("vue").Ref<import("vue").DefineComponent<{
+        inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<import("./utils").ISearchItem[]>;
                 required: true;
@@ -398,6 +494,10 @@ declare const BkSearchSelect: {
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+        }>> & {
+            onFocus?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onAdd?: (...args: any[]) => any;
         }, {
             popoverRef: import("vue").Ref<HTMLDivElement>;
             inputRef: import("vue").Ref<HTMLDivElement>;
@@ -439,6 +539,8 @@ declare const BkSearchSelect: {
             handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
             handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
             resolveClassName: (cls: string) => string;
+            inputFocusForWrapper: () => void;
+            inputEnterForWrapper: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -449,7 +551,44 @@ declare const BkSearchSelect: {
                 and: string;
                 logical: string;
             }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("./utils").ISearchItem[]>;
+                required: true;
+            };
+            showInputBefore: BooleanConstructor;
+            showCondition: BooleanConstructor;
+            clickOutside: FunctionConstructor;
+            placeholder: StringConstructor;
+            conditions: {
+                type: import("vue").PropType<import("./utils").ICommonItem[]>;
+                default: () => any[];
+            };
+            defautUsingItem: import("vue").PropType<import("./utils").SelectedItem>;
+            mode: {
+                type: import("vue").PropType<import("./utils").SearchInputMode>;
+                default: import("./utils").SearchInputMode;
+            };
+            getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
+            validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
+            valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+        }>> & {
+            onFocus?: (...args: any[]) => any;
+            onDelete?: (...args: any[]) => any;
+            onAdd?: (...args: any[]) => any;
+        }, {
+            mode: import("./utils").SearchInputMode;
+            conditions: import("./utils").ICommonItem[];
+            showInputBefore: boolean;
+            showCondition: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<import("./utils").ISearchItem[]>;
                 required: true;
@@ -475,11 +614,64 @@ declare const BkSearchSelect: {
             onDelete?: (...args: any[]) => any;
             onAdd?: (...args: any[]) => any;
         }, {
+            popoverRef: import("vue").Ref<HTMLDivElement>;
+            inputRef: import("vue").Ref<HTMLDivElement>;
+            keyword: import("vue").Ref<string>;
+            loading: import("vue").Ref<boolean>;
+            remoteMenuList: import("vue").Ref<{
+                id: string;
+                name: string;
+                disabled?: boolean;
+                realId?: string;
+                value?: {
+                    name: string;
+                    id: string;
+                    realId?: string;
+                    isSelected?: boolean;
+                    logical?: import("./utils").SearchLogical;
+                };
+                isSelected?: boolean;
+                logical?: import("./utils").SearchLogical;
+            }[]>;
+            menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
+            menuHoverId: import("vue").Ref<string>;
+            isFocus: import("vue").Ref<boolean>;
+            usingItem: import("vue").Ref<import("./utils").SelectedItem>;
+            showPopover: import("vue").Ref<boolean>;
+            showNoSelectValueError: import("vue").Ref<boolean>;
+            debounceSetMenuList: {
+                (this: any): any;
+                cancel(): void;
+            };
+            documentArrowEvent: (e: KeyboardEvent) => void;
+            handleClickOutside: (e: MouseEvent) => void;
+            handleInputFocus: () => void;
+            handleInputChange: (event: Event) => void;
+            handleInputPaste: (event: ClipboardEvent) => void;
+            handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
+            handleInputKeyup: (event: KeyboardEvent) => void;
+            handleSelectItem: (item: import("./utils").ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
+            handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
+            handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
+            resolveClassName: (cls: string) => string;
+            inputFocusForWrapper: () => void;
+            inputEnterForWrapper: () => void;
+            t: import("vue").ComputedRef<{
+                pleaseSelect: string;
+                loading: string;
+                filterQueryMustHasValue: string;
+                ok: string;
+                cancel: string;
+                or: string;
+                and: string;
+                logical: string;
+            }>;
+        }, {}, {}, {}, {
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
             showCondition: boolean;
-        }, {}>>;
+        }>>;
         wrapRef: import("vue").Ref<HTMLDivElement>;
         isFocus: import("vue").Ref<boolean>;
         copyData: import("vue").ShallowRef<import("./utils").ISearchItem[]>;
@@ -663,7 +855,7 @@ declare const BkSearchSelect: {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onSearch?: (...args: any[]) => any;
 }, {
-    inputRef: import("vue").Ref<import("vue").DefineComponent<{
+    inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("./utils").ISearchItem[]>;
             required: true;
@@ -684,6 +876,10 @@ declare const BkSearchSelect: {
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onDelete?: (...args: any[]) => any;
+        onAdd?: (...args: any[]) => any;
     }, {
         popoverRef: import("vue").Ref<HTMLDivElement>;
         inputRef: import("vue").Ref<HTMLDivElement>;
@@ -725,6 +921,8 @@ declare const BkSearchSelect: {
         handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
         handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
         resolveClassName: (cls: string) => string;
+        inputFocusForWrapper: () => void;
+        inputEnterForWrapper: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -735,7 +933,7 @@ declare const BkSearchSelect: {
             and: string;
             logical: string;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("./utils").ISearchItem[]>;
             required: true;
@@ -765,7 +963,97 @@ declare const BkSearchSelect: {
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;
         showCondition: boolean;
-    }, {}>>;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("./utils").ISearchItem[]>;
+            required: true;
+        };
+        showInputBefore: BooleanConstructor;
+        showCondition: BooleanConstructor;
+        clickOutside: FunctionConstructor;
+        placeholder: StringConstructor;
+        conditions: {
+            type: import("vue").PropType<import("./utils").ICommonItem[]>;
+            default: () => any[];
+        };
+        defautUsingItem: import("vue").PropType<import("./utils").SelectedItem>;
+        mode: {
+            type: import("vue").PropType<import("./utils").SearchInputMode>;
+            default: import("./utils").SearchInputMode;
+        };
+        getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
+        validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
+        valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onDelete?: (...args: any[]) => any;
+        onAdd?: (...args: any[]) => any;
+    }, {
+        popoverRef: import("vue").Ref<HTMLDivElement>;
+        inputRef: import("vue").Ref<HTMLDivElement>;
+        keyword: import("vue").Ref<string>;
+        loading: import("vue").Ref<boolean>;
+        remoteMenuList: import("vue").Ref<{
+            id: string;
+            name: string;
+            disabled?: boolean;
+            realId?: string;
+            value?: {
+                name: string;
+                id: string;
+                realId?: string;
+                isSelected?: boolean;
+                logical?: import("./utils").SearchLogical;
+            };
+            isSelected?: boolean;
+            logical?: import("./utils").SearchLogical;
+        }[]>;
+        menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
+        menuHoverId: import("vue").Ref<string>;
+        isFocus: import("vue").Ref<boolean>;
+        usingItem: import("vue").Ref<import("./utils").SelectedItem>;
+        showPopover: import("vue").Ref<boolean>;
+        showNoSelectValueError: import("vue").Ref<boolean>;
+        debounceSetMenuList: {
+            (this: any): any;
+            cancel(): void;
+        };
+        documentArrowEvent: (e: KeyboardEvent) => void;
+        handleClickOutside: (e: MouseEvent) => void;
+        handleInputFocus: () => void;
+        handleInputChange: (event: Event) => void;
+        handleInputPaste: (event: ClipboardEvent) => void;
+        handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
+        handleInputKeyup: (event: KeyboardEvent) => void;
+        handleSelectItem: (item: import("./utils").ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
+        handleSelectCondtionItem: (item: import("./utils").ICommonItem) => void;
+        handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
+        resolveClassName: (cls: string) => string;
+        inputFocusForWrapper: () => void;
+        inputEnterForWrapper: () => void;
+        t: import("vue").ComputedRef<{
+            pleaseSelect: string;
+            loading: string;
+            filterQueryMustHasValue: string;
+            ok: string;
+            cancel: string;
+            or: string;
+            and: string;
+            logical: string;
+        }>;
+    }, {}, {}, {}, {
+        mode: import("./utils").SearchInputMode;
+        conditions: import("./utils").ICommonItem[];
+        showInputBefore: boolean;
+        showCondition: boolean;
+    }>>;
     wrapRef: import("vue").Ref<HTMLDivElement>;
     isFocus: import("vue").Ref<boolean>;
     copyData: import("vue").ShallowRef<import("./utils").ISearchItem[]>;

package/lib/search-select/index.js

@@ -1634,6 +1634,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       }
     }
     function handleInputFocus() {
+      showNoSelectValueError.value = false;
       if (props.mode === SearchInputMode.EDIT && usingItem.value && !isFocus.value) {
         var range = document.createRange();
         var selection = window.getSelection();
@@ -1806,7 +1807,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                 _context.next = 35;
                 break;
               }
-              showNoSelectValueError.value = true;
+              showNoSelectValueError.value = !showNoSelectValueError.value;
               return _context.abrupt("return", false);
             case 35:
               _context.next = 37;
@@ -2207,9 +2208,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
     }
+    function inputEnterForWrapper() {
+      handleKeyEnter().then(function (v) {
+        return v && clearInput();
+      });
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
+      inputEnterForWrapper: inputEnterForWrapper,
       handleInputFocus: handleInputFocus,
       isFocus: isFocus
     });
@@ -2237,6 +2244,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       handleSelectCondtionItem: handleSelectCondtionItem,
       handleMenuFooterClick: handleMenuFooterClick,
       resolveClassName: resolveClassName,
+      inputFocusForWrapper: inputFocusForWrapper,
+      inputEnterForWrapper: inputEnterForWrapper,
       t: t
     };
   },
@@ -2401,6 +2410,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
   setup: function setup(_props, _ref) {
     var emit = _ref.emit;
     var inputRef = (0,external_vue_namespaceObject.ref)(null);
+    var selectedInputRef = (0,external_vue_namespaceObject.ref)(null);
     var _useSearchSelectInjec = useSearchSelectInject(),
       onEditClick = _useSearchSelectInjec.onEditClick,
       onEditEnter = _useSearchSelectInjec.onEditEnter,
@@ -2425,8 +2435,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       if (isFocus) return;
       onEditBlur();
     }
-    function handleInputOutside() {
-      return true;
+    function handleInputOutside(target) {
+      var _selectedInputRef$val;
+      return !((_selectedInputRef$val = selectedInputRef.value) !== null && _selectedInputRef$val !== void 0 && _selectedInputRef$val.contains(target));
     }
     function copySeletedItem(item) {
       var newItem = new SelectedItem(item.searchItem, item.type);
@@ -2436,6 +2447,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     return {
       inputRef: inputRef,
+      selectedInputRef: selectedInputRef,
       editKey: editKey,
       copySeletedItem: copySeletedItem,
       handleDeleteSelected: handleDeleteSelected,
@@ -2450,7 +2462,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var contentComponent = function contentComponent(item, index) {
       return _this.editKey === "".concat(item.id, "_").concat(index) ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "selected-input",
-        "key": _this.editKey.toString()
+        "key": _this.editKey.toString(),
+        "ref": "selectedInputRef"
       }, [(0,external_vue_namespaceObject.createVNode)(input, {
         "ref": "inputRef",
         "key": _this.editKey.toString(),
@@ -2697,7 +2710,8 @@ var SearchSelectProps = {
       editKey: editKey,
       searchData: (0,external_vue_namespaceObject.computed)(function () {
         return props.data;
-      })
+      }),
+      isClickOutside: handleInputOutside
     });
     function onEditClick(item, index) {
       editKey.value = "".concat(item.id, "_").concat(index);
@@ -2786,6 +2800,7 @@ var SearchSelectProps = {
       isFocus.value = v;
     }
     function handleClickSearch(e) {
+      inputRef.value.inputEnterForWrapper();
       emit('search', e);
     }
     return {

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

@@ -62,6 +62,8 @@ declare const _default: import("vue").DefineComponent<{
     handleSelectCondtionItem: (item: ICommonItem) => void;
     handleMenuFooterClick: (item: IMenuFooterItem) => void;
     resolveClassName: (cls: string) => string;
+    inputFocusForWrapper: () => void;
+    inputEnterForWrapper: () => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;

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

@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         validator(v: ValueBehavior): boolean;
     };
 }, {
-    inputRef: import("vue").Ref<import("vue").DefineComponent<{
+    inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
             required: true;
@@ -105,6 +105,10 @@ declare const _default: import("vue").DefineComponent<{
         getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
         valueBehavior: PropType<ValueBehavior>;
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onDelete?: (...args: any[]) => any;
+        onAdd?: (...args: any[]) => any;
     }, {
         popoverRef: import("vue").Ref<HTMLDivElement>;
         inputRef: import("vue").Ref<HTMLDivElement>;
@@ -146,6 +150,8 @@ declare const _default: import("vue").DefineComponent<{
         handleSelectCondtionItem: (item: ICommonItem) => void;
         handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
         resolveClassName: (cls: string) => string;
+        inputFocusForWrapper: () => void;
+        inputEnterForWrapper: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -156,7 +162,44 @@ declare const _default: import("vue").DefineComponent<{
             and: string;
             logical: string;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: PropType<ISearchItem[]>;
+            required: true;
+        };
+        showInputBefore: BooleanConstructor;
+        showCondition: BooleanConstructor;
+        clickOutside: FunctionConstructor;
+        placeholder: StringConstructor;
+        conditions: {
+            type: PropType<ICommonItem[]>;
+            default: () => any[];
+        };
+        defautUsingItem: PropType<SelectedItem>;
+        mode: {
+            type: PropType<import("./utils").SearchInputMode>;
+            default: import("./utils").SearchInputMode;
+        };
+        getMenuList: PropType<GetMenuListFunc>;
+        validateValues: PropType<ValidateValuesFunc>;
+        valueBehavior: PropType<ValueBehavior>;
+    }>> & {
+        onFocus?: (...args: any[]) => any;
+        onDelete?: (...args: any[]) => any;
+        onAdd?: (...args: any[]) => any;
+    }, {
+        mode: import("./utils").SearchInputMode;
+        conditions: ICommonItem[];
+        showInputBefore: boolean;
+        showCondition: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
             required: true;
@@ -182,11 +225,64 @@ declare const _default: import("vue").DefineComponent<{
         onDelete?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
     }, {
+        popoverRef: import("vue").Ref<HTMLDivElement>;
+        inputRef: import("vue").Ref<HTMLDivElement>;
+        keyword: import("vue").Ref<string>;
+        loading: import("vue").Ref<boolean>;
+        remoteMenuList: import("vue").Ref<{
+            id: string;
+            name: string;
+            disabled?: boolean;
+            realId?: string;
+            value?: {
+                name: string;
+                id: string;
+                realId?: string;
+                isSelected?: boolean;
+                logical?: SearchLogical;
+            };
+            isSelected?: boolean;
+            logical?: SearchLogical;
+        }[]>;
+        menuList: import("vue").Ref<ISearchItem[]>;
+        menuHoverId: import("vue").Ref<string>;
+        isFocus: import("vue").Ref<boolean>;
+        usingItem: import("vue").Ref<SelectedItem>;
+        showPopover: import("vue").Ref<boolean>;
+        showNoSelectValueError: import("vue").Ref<boolean>;
+        debounceSetMenuList: {
+            (this: any): any;
+            cancel(): void;
+        };
+        documentArrowEvent: (e: KeyboardEvent) => void;
+        handleClickOutside: (e: MouseEvent) => void;
+        handleInputFocus: () => void;
+        handleInputChange: (event: Event) => void;
+        handleInputPaste: (event: ClipboardEvent) => void;
+        handleLogicalChange: (logical: SearchLogical) => void;
+        handleInputKeyup: (event: KeyboardEvent) => void;
+        handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
+        handleSelectCondtionItem: (item: ICommonItem) => void;
+        handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
+        resolveClassName: (cls: string) => string;
+        inputFocusForWrapper: () => void;
+        inputEnterForWrapper: () => void;
+        t: import("vue").ComputedRef<{
+            pleaseSelect: string;
+            loading: string;
+            filterQueryMustHasValue: string;
+            ok: string;
+            cancel: string;
+            or: string;
+            and: string;
+            logical: string;
+        }>;
+    }, {}, {}, {}, {
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
         showCondition: boolean;
-    }, {}>>;
+    }>>;
     wrapRef: import("vue").Ref<HTMLDivElement>;
     isFocus: import("vue").Ref<boolean>;
     copyData: ShallowRef<ISearchItem[]>;