cnhis-design-vue 3.1.31-beta.9 → 3.1.32-beta.0

package/es/components/recommend-search/src/RecommendSearch.vue.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, renderSlot } from 'vue';
+import { useVModel } from '@vueuse/core';
 import RecommendInput from './components/RecommendInput.vue.js';
 import RecommendSelect from './components/RecommendSelect.vue.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -6,13 +7,32 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RecommendSearch",
   props: {
-    mode: {
-      type: String,
-      default: "input"
-    }
+    mode: { type: String, default: "input" },
+    value: { type: [String, Number] },
+    labelKey: { type: String, default: "label" },
+    valueKey: { type: String, default: "value" },
+    placeholder: { type: String },
+    editPlaceholder: { type: String, default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u641C\u7D22" },
+    clearable: { type: Boolean, default: true },
+    options: { type: Array, default: () => [] },
+    commonList: { type: Array, default: () => [] },
+    recentList: { type: Array, default: () => [] },
+    recommendDeletable: { type: Boolean, default: true },
+    inputProps: { type: Object },
+    popProps: { type: Object }
   },
-  setup(__props) {
+  emits: [
+    "update:value",
+    "search",
+    "delete",
+    "choose",
+    "clear",
+    "openMenu",
+    "closeMenu"
+  ],
+  setup(__props, { emit: emits }) {
     const props = __props;
+    const valueRef = useVModel(props, "value", emits);
     const componentMap = {
       input: RecommendInput,
       select: RecommendSelect
@@ -21,12 +41,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return componentMap[props.mode];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(currentComponent)), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(currentComponent)), mergeProps(_ctx.$props, {
+        value: unref(valueRef),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueRef) ? valueRef.value = $event : null),
+        onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search", $event)),
+        onChoose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("choose", $event)),
+        onOpenMenu: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("openMenu", $event)),
+        onCloseMenu: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("closeMenu", $event)),
+        onDelete: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("delete", $event))
+      }), {
         empty: withCtx(() => [
           renderSlot(_ctx.$slots, "empty")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["value"]);
     };
   }
 });

package/es/components/recommend-search/src/components/BaseSearch.vue.d.ts

@@ -1,9 +1,6 @@
 import { Func } from '../../../../../es/shared/types';
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    value: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-    };
     displayValue: {
         type: StringConstructor;
     };
@@ -13,10 +10,17 @@ declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
     };
+    loading: {
+        type: BooleanConstructor;
+    };
     placeholder: {
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputProps: {
         type: ObjectConstructor;
         default: () => {};
@@ -25,15 +29,12 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-    searchOnOpenMenu: {
+    clearPatternOnOpenMenu: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-        };
         displayValue: {
             type: StringConstructor;
         };
@@ -43,10 +44,17 @@ declare const _default: import("vue").DefineComponent<{
         show: {
             type: BooleanConstructor;
         };
+        loading: {
+            type: BooleanConstructor;
+        };
         placeholder: {
             type: StringConstructor;
             default: string;
         };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         inputProps: {
             type: ObjectConstructor;
             default: () => {};
@@ -55,14 +63,14 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default: () => {};
         };
-        searchOnOpenMenu: {
+        clearPatternOnOpenMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        onSearch?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -77,16 +85,14 @@ declare const _default: import("vue").DefineComponent<{
     inputRef: import("vue").Ref<HTMLElement | undefined>;
     patternContent: import("vue").Ref<string>;
     displayValueRef: import("vue").WritableComputedRef<string | undefined>;
-    onInputClick: (evt: PointerEvent) => void;
+    openMenuAtInput: (evt: PointerEvent) => void;
     openMenu: () => void;
     closeMenu: () => void;
     onClear: () => void;
     NInput: any;
     NPopover: any;
+    NSpin: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:show" | "search" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-    };
     displayValue: {
         type: StringConstructor;
     };
@@ -96,10 +102,17 @@ declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
     };
+    loading: {
+        type: BooleanConstructor;
+    };
     placeholder: {
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     inputProps: {
         type: ObjectConstructor;
         default: () => {};
@@ -108,21 +121,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
-    searchOnOpenMenu: {
+    clearPatternOnOpenMenu: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    onSearch?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
     onOpenMenu?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;
 }, {
+    loading: boolean;
     show: boolean;
     placeholder: string;
+    clearable: boolean;
     inputProps: Record<string, any>;
     popProps: Record<string, any>;
-    searchOnOpenMenu: boolean;
+    clearPatternOnOpenMenu: boolean;
 }>;
 export default _default;

package/es/components/recommend-search/src/components/BaseSearch.vue.js

@@ -1,24 +1,24 @@
 import { defineComponent, ref, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createVNode, withKeys, createElementVNode, renderSlot } from 'vue';
 import { uuidGenerator } from '../../../../shared/utils/index.js';
 import { useDebounceFn, onClickOutside } from '@vueuse/core';
-import { isFunction, isArray } from 'lodash-es';
-import { NPopover, NInput } from 'naive-ui';
+import { NPopover, NInput, NSpin } from 'naive-ui';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BaseSearch",
   props: {
-    value: { type: [String, Number, Array] },
     displayValue: { type: String },
     valueFormatter: {
       type: Function
     },
     show: { type: Boolean },
+    loading: { type: Boolean },
     placeholder: { type: String, default: "\u8BF7\u8F93\u5165" },
+    clearable: { type: Boolean, default: true },
     inputProps: { type: Object, default: () => ({}) },
     popProps: { type: Object, default: () => ({}) },
-    searchOnOpenMenu: { type: Boolean, default: true }
+    clearPatternOnOpenMenu: { type: Boolean, default: true }
   },
   emits: ["update:show", "clear", "search", "openMenu", "closeMenu"],
   setup(__props, { expose, emit: emits }) {
@@ -42,19 +42,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const patternContent = ref("");
     const displayValueRef = computed({
       get() {
-        var _a;
         if (show.value)
           return patternContent.value;
-        if (props.displayValue)
-          return props.displayValue;
-        return isFunction(props.valueFormatter) ? props.valueFormatter(props.value) : isArray(props.value) ? props.value.join(",") : ((_a = props.value) != null ? _a : "") + "";
+        return props.displayValue;
       },
       set(value) {
         patternContent.value = value || "";
         search(value);
       }
     });
-    function onInputClick(evt) {
+    function openMenuAtInput(evt) {
       var _a;
       if (((_a = evt.target) == null ? void 0 : _a.tagName) !== "INPUT")
         return;
@@ -65,10 +62,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       show.value = true;
       emits("openMenu");
-      if (!props.searchOnOpenMenu)
-        return;
-      patternContent.value = "";
-      search();
+      if (props.clearPatternOnOpenMenu) {
+        patternContent.value = "";
+      }
     }
     function closeMenu() {
       var _a;
@@ -125,23 +121,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, __props.popProps), {
         trigger: withCtx(() => [
           createVNode(unref(NInput), mergeProps(__props.inputProps, {
+            placeholder: __props.placeholder,
+            clearable: __props.clearable,
             onClear,
-            onFocus: onInputClick,
-            onClick: onInputClick,
-            onKeydown: withKeys(onInputClick, ["enter"]),
+            onFocus: openMenuAtInput,
+            onClick: openMenuAtInput,
+            onKeydown: withKeys(openMenuAtInput, ["enter"]),
             ref_key: "inputRef",
             ref: inputRef,
             value: unref(displayValueRef),
             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(displayValueRef) ? displayValueRef.value = $event : null)
-          }), null, 16, ["onKeydown", "value"])
+          }), null, 16, ["placeholder", "clearable", "onKeydown", "value"])
         ]),
         default: withCtx(() => [
-          createElementVNode("section", {
-            id: unref(uuid),
-            class: "base-search__menu"
-          }, [
-            renderSlot(_ctx.$slots, "menu")
-          ], 8, _hoisted_1)
+          createVNode(unref(NSpin), { show: __props.loading }, {
+            default: withCtx(() => [
+              createElementVNode("section", {
+                id: unref(uuid),
+                class: "base-search__menu",
+                style: { "min-height": "100px" }
+              }, [
+                renderSlot(_ctx.$slots, "menu")
+              ], 8, _hoisted_1)
+            ]),
+            _: 3
+          }, 8, ["show"])
         ]),
         _: 3
       }, 16, ["show"]);

package/es/components/recommend-search/src/components/RecommendInput.vue.d.ts

@@ -1,43 +1,86 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { PropType } from 'vue';
 import { RecommendType } from '../../../../../es/components/recommend-search/src/constant';
 import { BaseSearchExpose, RecommendItem } from '../../../../../es/components/recommend-search/src/types';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
-        required: true;
     };
     options: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     commonList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<RecommendItem[]>;
         default: () => never[];
     };
     recentList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<RecommendItem[]>;
         default: () => never[];
     };
-}, {
-    props: {
-        value: string;
-        options: RecommendItem[];
-        commonList: RecommendItem[];
-        recentList: RecommendItem[];
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    emits: (event: "delete" | "update:value" | "search" | "choose", ...args: any[]) => void;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        commonList: {
+            type: PropType<RecommendItem[]>;
+            default: () => never[];
+        };
+        recentList: {
+            type: PropType<RecommendItem[]>;
+            default: () => never[];
+        };
+        recommendDeletable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onDelete?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
+        onChoose?: ((...args: any[]) => any) | undefined;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onCloseMenu?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "delete" | "clear" | "update:value" | "search" | "choose" | "openMenu" | "closeMenu", ...args: any[]) => void;
     baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined>;
-    setPattern: (value: string) => void;
-    valueRef: import("vue").Ref<string> | import("vue").WritableComputedRef<string>;
-    parsedOptions: import("vue").ComputedRef<RecommendItem[]>;
+    setPattern: (value?: string) => void;
+    valueRef: import("vue").Ref<string | undefined> | import("vue").WritableComputedRef<string | undefined>;
+    parsedOptions: import("vue").ComputedRef<AnyObject[]>;
     search: (value: string) => void;
-    onChoose: ({ value }: {
+    onOpenMenu: () => void;
+    onCloseMenu: () => void;
+    onChoose: ({ type, value }: {
         type?: RecommendType | undefined;
         value: RecommendItem;
     }) => void;
-    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<RecommendItem>[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
     wrapperProps: import("vue").ComputedRef<{
         style: {
             width: string;
@@ -66,15 +109,21 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
             default: () => never[];
         };
+        deletable: {
+            type: BooleanConstructor;
+            required: false;
+        };
     }, {
         emits: (event: "delete" | "choose", ...args: any[]) => void;
         clickTag: (type: RecommendType, value: RecommendItem) => void;
         clickCommonTag: (value: RecommendItem) => void;
         clickRecentTag: (value: RecommendItem) => void;
-        closeTag: (type: RecommendType, value: RecommendItem) => void;
-        closeCommonTag: (value: RecommendItem) => void;
-        closeRecentTag: (value: RecommendItem) => void;
+        deleteTag: (type: RecommendType) => void;
+        deleteCommonTag: () => void;
+        deleteRecentTag: () => void;
+        TrashOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         NTag: any;
+        NIcon: any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "choose")[], "delete" | "choose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         getDisplayValue: {
             type: FunctionConstructor;
@@ -91,6 +140,10 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
             default: () => never[];
         };
+        deletable: {
+            type: BooleanConstructor;
+            required: false;
+        };
     }>> & {
         onDelete?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
@@ -98,24 +151,29 @@ declare const _default: import("vue").DefineComponent<{
         commonList: unknown[];
         recentList: unknown[];
         getDisplayValue: Function;
+        deletable: boolean;
     }>;
     BaseSearch: import("vue").DefineComponent<{
-        value: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-        };
         displayValue: {
             type: StringConstructor;
         };
         valueFormatter: {
-            type: import("vue").PropType<(value: string | number | any[] | undefined) => string>;
+            type: PropType<(value: string | number | any[] | undefined) => string>;
         };
         show: {
             type: BooleanConstructor;
         };
+        loading: {
+            type: BooleanConstructor;
+        };
         placeholder: {
             type: StringConstructor;
             default: string;
         };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         inputProps: {
             type: ObjectConstructor;
             default: () => {};
@@ -124,28 +182,32 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default: () => {};
         };
-        searchOnOpenMenu: {
+        clearPatternOnOpenMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-            };
             displayValue: {
                 type: StringConstructor;
             };
             valueFormatter: {
-                type: import("vue").PropType<(value: string | number | any[] | undefined) => string>;
+                type: PropType<(value: string | number | any[] | undefined) => string>;
             };
             show: {
                 type: BooleanConstructor;
             };
+            loading: {
+                type: BooleanConstructor;
+            };
             placeholder: {
                 type: StringConstructor;
                 default: string;
             };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             inputProps: {
                 type: ObjectConstructor;
                 default: () => {};
@@ -154,14 +216,14 @@ declare const _default: import("vue").DefineComponent<{
                 type: ObjectConstructor;
                 default: () => {};
             };
-            searchOnOpenMenu: {
+            clearPatternOnOpenMenu: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & {
             "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-            onSearch?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            onSearch?: ((...args: any[]) => any) | undefined;
             onOpenMenu?: ((...args: any[]) => any) | undefined;
             onCloseMenu?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -169,36 +231,41 @@ declare const _default: import("vue").DefineComponent<{
         emits: (event: "clear" | "update:show" | "search" | "openMenu" | "closeMenu", ...args: any[]) => void;
         search: (content?: any) => void;
         popoverRef: import("vue").Ref<{
-            syncPosition: import("../../../../shared/types").Func<any[], any>;
+            syncPosition: import("../../../../../es/shared/types").Func<any[], any>;
         } | undefined>;
         _show: import("vue").Ref<boolean>;
         show: import("vue").WritableComputedRef<boolean>;
         inputRef: import("vue").Ref<HTMLElement | undefined>;
         patternContent: import("vue").Ref<string>;
         displayValueRef: import("vue").WritableComputedRef<string | undefined>;
-        onInputClick: (evt: PointerEvent) => void;
+        openMenuAtInput: (evt: PointerEvent) => void;
         openMenu: () => void;
         closeMenu: () => void;
         onClear: () => void;
         NInput: any;
         NPopover: any;
+        NSpin: any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:show" | "search" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
-        };
         displayValue: {
             type: StringConstructor;
         };
         valueFormatter: {
-            type: import("vue").PropType<(value: string | number | any[] | undefined) => string>;
+            type: PropType<(value: string | number | any[] | undefined) => string>;
         };
         show: {
             type: BooleanConstructor;
         };
+        loading: {
+            type: BooleanConstructor;
+        };
         placeholder: {
             type: StringConstructor;
             default: string;
         };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         inputProps: {
             type: ObjectConstructor;
             default: () => {};
@@ -207,51 +274,67 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default: () => {};
         };
-        searchOnOpenMenu: {
+        clearPatternOnOpenMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        onSearch?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        onSearch?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
     }, {
+        loading: boolean;
         show: boolean;
         placeholder: string;
+        clearable: boolean;
         inputProps: Record<string, any>;
         popProps: Record<string, any>;
-        searchOnOpenMenu: boolean;
+        clearPatternOnOpenMenu: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:value" | "search" | "choose")[], "search" | "delete" | "update:value" | "choose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "clear" | "update:value" | "search" | "choose" | "openMenu" | "closeMenu")[], "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
-        required: true;
     };
     options: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     commonList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<RecommendItem[]>;
         default: () => never[];
     };
     recentList: {
-        type: ArrayConstructor;
-        required: false;
+        type: PropType<RecommendItem[]>;
         default: () => never[];
     };
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
+    onOpenMenu?: ((...args: any[]) => any) | undefined;
+    onCloseMenu?: ((...args: any[]) => any) | undefined;
 }, {
-    options: unknown[];
-    commonList: unknown[];
-    recentList: unknown[];
+    options: AnyObject[];
+    placeholder: string;
+    clearable: boolean;
+    commonList: RecommendItem[];
+    recentList: RecommendItem[];
+    recommendDeletable: boolean;
 }>;
 export default _default;