cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

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

@@ -2,7 +2,7 @@ import { AnyObject } from '../../../../shared/types';
 import { PropType } from 'vue';
 import { RecommendType } from '../../../../components/recommend-search/src/constant';
 import { BaseSearchExpose, RecommendItem } from '../../../../components/recommend-search/src/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
     };
@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: StringConstructor;
         };
@@ -59,19 +59,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         onSearch?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
         onDelete?: ((...args: any[]) => any) | undefined;
-        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
-    emits: (event: "closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose", ...args: any[]) => void;
-    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined, BaseSearchExpose | undefined>;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", ...args: any[]) => void;
+    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined>;
     setPattern: (value?: string) => void;
-    valueRef: import("vue").Ref<string | undefined, string | undefined> | import("vue").WritableComputedRef<string | undefined, string | undefined>;
+    valueRef: import("vue").Ref<string | undefined> | import("vue").WritableComputedRef<string | undefined>;
     parsedOptions: import("vue").ComputedRef<AnyObject[]>;
     search: (value: string) => void;
     onOpenMenu: () => void;
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type?: RecommendType | undefined;
         value: RecommendItem;
     }) => void;
-    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[], import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
     wrapperProps: import("vue").ComputedRef<{
         style: {
             width: string;
@@ -89,12 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     containerProps: {
-        ref: import("vue").Ref<any, any>;
+        ref: import("vue").Ref<any>;
         onScroll: () => void;
         style: Partial<CSSStyleDeclaration>;
     };
     onKeydown: (event: KeyboardEvent) => void;
-    RecommendMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    RecommendMenu: import("vue").DefineComponent<{
         getDisplayValue: {
             type: FunctionConstructor;
             required: false;
@@ -114,16 +114,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
         deleteTag: () => void;
-        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        readonly NTag: any;
-        readonly NIcon: any;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "choose")[], "delete" | "choose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        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;
             required: false;
@@ -143,16 +143,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             required: false;
         };
-    }>> & Readonly<{
+    }>> & {
         onDelete?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, {
         commonList: unknown[];
         recentList: unknown[];
         getDisplayValue: Function;
         deletable: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly BaseSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    }>;
+    BaseSearch: import("vue").DefineComponent<{
         displayValue: {
             type: StringConstructor;
         };
@@ -185,7 +185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeMenu" | "clear" | "search" | "keydown" | "update:show" | "openMenu")[], "closeMenu" | "clear" | "search" | "keydown" | "update:show" | "openMenu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "closeMenu" | "clear" | "update:show" | "keydown" | "openMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "keydown" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         displayValue: {
             type: StringConstructor;
         };
@@ -218,23 +218,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         onSearch?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
-    }>, {
-        loading: boolean;
+    }, {
         placeholder: string;
+        loading: boolean;
         show: boolean;
         clearable: boolean;
         inputProps: Record<string, any>;
         popProps: Record<string, any>;
         clearPatternOnOpenMenu: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose")[], "closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu")[], "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
@@ -262,20 +262,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{
+}>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onOpenMenu?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
-}>, {
+    onOpenMenu?: ((...args: any[]) => any) | undefined;
+}, {
     options: AnyObject[];
     placeholder: string;
     clearable: boolean;
     commonList: RecommendItem[];
     recentList: RecommendItem[];
     recommendDeletable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/recommend-search/src/components/RecommendInput.vue2.js

@@ -1,4 +1,5 @@
-import { defineComponent, ref, watch, onMounted, computed, openBlock, createElementBlock, createVNode, unref, mergeProps, withCtx, Fragment, renderSlot, createElementVNode, createCommentVNode, renderList, toDisplayString } from 'vue';
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+import { createElementVNode, defineComponent, ref, watch, onMounted, computed, openBlock, createElementBlock, createVNode, unref, mergeProps, withCtx, Fragment, renderSlot, createCommentVNode, renderList, toDisplayString } from 'vue';
 import { useVModel, useVirtualList } from '@vueuse/core';
 import RecommendMenu from './RecommendMenu.vue.js';
 import BaseSearch from './BaseSearch.js';
@@ -6,8 +7,14 @@ import BaseSearch from './BaseSearch.js';
 const _hoisted_1 = {
   class: "recommend-search"
 };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["title"];
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("section", {
+  class: "recommend-search__empty"
+}, i18n("10010.1.445", "\u6682\u65E0\u6570\u636E"), -1);
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["title"];
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("section", {
+  class: "recommend-search__empty"
+}, i18n("10010.1.445", "\u6682\u65E0\u6570\u636E"), -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RecommendInput",
   props: {
@@ -20,14 +27,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     placeholder: {
       type: String,
-      default: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.383")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.383")) || "\u8BF7\u8F93\u5165";
-        } catch (e) {
-          return "\u8BF7\u8F93\u5165";
-        }
-      }()
+      default: i18n("10010.1.383", "\u8BF7\u8F93\u5165")
     },
     clearable: {
       type: Boolean,
@@ -48,10 +48,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:value", "search", "delete", "choose", "clear", "openMenu", "closeMenu"],
   setup(__props, {
-    emit: __emit
+    emit: emits
   }) {
     const props = __props;
-    const emits = __emit;
     const baseSearchRef = ref();
     function setPattern(value = "") {
       var _a;
@@ -129,18 +128,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           onChoose
         }, null, 8, ["common-list", "recent-list", "deletable"]), !__props.commonList.length && !__props.recentList.length ? renderSlot(_ctx.$slots, "empty", {
           key: 0
-        }, () => [_cache[1] || (_cache[1] = createElementVNode("section", {
-          class: "recommend-search__empty"
-        }, function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
-          } catch (e) {
-            return "\u6682\u65E0\u6570\u636E";
-          }
-        }(), -1))]) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
+        }, () => [_hoisted_2]) : createCommentVNode("v-if", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
-        }, [parsedOptions.value.length ? (openBlock(), createElementBlock("section", mergeProps({
+        }, [unref(parsedOptions).length ? (openBlock(), createElementBlock("section", mergeProps({
           key: 0,
           class: "recommend-search__optionContainer"
         }, unref(containerProps), {
@@ -159,19 +149,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, [createElementVNode("div", {
             class: "recommend-search__optionText",
             title: option.data.itemObj
-          }, toDisplayString(option.data.itemObj), 9, _hoisted_3)], 8, _hoisted_2);
+          }, toDisplayString(option.data.itemObj), 9, _hoisted_4)], 8, _hoisted_3);
         }), 128))], 16)], 16)) : renderSlot(_ctx.$slots, "empty", {
           key: 1
-        }, () => [_cache[2] || (_cache[2] = createElementVNode("section", {
-          class: "recommend-search__empty"
-        }, function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.445")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.445")) || "\u6682\u65E0\u6570\u636E";
-          } catch (e) {
-            return "\u6682\u65E0\u6570\u636E";
-          }
-        }(), -1))])], 64))]),
+        }, () => [_hoisted_5])], 64))]),
         _: 3
       }, 16, ["display-value", "placeholder", "clearable"])]);
     };

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

@@ -1,6 +1,6 @@
 import { RecommendType } from '../constant';
 import { RecommendItem } from '../types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     getDisplayValue: {
         type: FunctionConstructor;
         required: false;
@@ -20,16 +20,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
     deleteTag: () => void;
-    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly NTag: any;
-    readonly NIcon: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "choose")[], "delete" | "choose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    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;
         required: false;
@@ -49,13 +49,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         required: false;
     };
-}>> & Readonly<{
+}>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     commonList: unknown[];
     recentList: unknown[];
     getDisplayValue: Function;
     deletable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/recommend-search/src/components/RecommendMenu.vue2.js

@@ -3,50 +3,30 @@ import { TrashOutline } from '@vicons/ionicons5';
 import { NIcon, NTag } from 'naive-ui';
 import { RecommendType } from '../constant/index.js';
 
-const _hoisted_1 = {
-  class: "recommend-search__menuRecommend"
-};
+const _hoisted_1 = { class: "recommend-search__menuRecommend" };
 const _hoisted_2 = {
   key: 0,
   class: "recommend-search__commonRecommend"
 };
-const _hoisted_3 = {
-  class: "recommend-search__menuRecommendList"
-};
+const _hoisted_3 = { class: "recommend-search__menuRecommendList" };
 const _hoisted_4 = {
   key: 1,
   class: "recommend-search__recentRecommend"
 };
-const _hoisted_5 = {
-  class: "recommend-search__menuRecommendList"
-};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("header", null, "\u5E38\u7528\u641C\u7D22", -1);
+const _hoisted_6 = { class: "recommend-search__menuRecommendList" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RecommendMenu",
   props: {
-    getDisplayValue: {
-      type: Function,
-      default: (item) => item.itemObj
-    },
-    commonList: {
-      default: () => []
-    },
-    recentList: {
-      default: () => []
-    },
-    deletable: {
-      type: Boolean
-    }
+    getDisplayValue: { type: Function, default: (item) => item.itemObj },
+    commonList: { default: () => [] },
+    recentList: { default: () => [] },
+    deletable: { type: Boolean }
   },
   emits: ["delete", "choose"],
-  setup(__props, {
-    emit: __emit
-  }) {
-    const emits = __emit;
+  setup(__props, { emit: emits }) {
     function clickTag(type, value) {
-      emits("choose", {
-        type,
-        value
-      });
+      emits("choose", { type, value });
     }
     function clickCommonTag(value) {
       clickTag(RecommendType.COMMONLY, value);
@@ -58,31 +38,51 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emits("delete");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [_ctx.recentList.length ? (openBlock(), createElementBlock("section", _hoisted_2, [createElementVNode("header", null, [_cache[0] || (_cache[0] = createTextVNode(" \u6700\u8FD1\u641C\u7D22 ", -1)), _ctx.deletable ? (openBlock(), createBlock(unref(NIcon), {
-        key: 0,
-        component: unref(TrashOutline),
-        onClick: deleteTag
-      }, null, 8, ["component"])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.recentList, (item) => {
-        return openBlock(), createBlock(unref(NTag), {
-          size: "small",
-          onClick: ($event) => clickRecentTag(item),
-          type: "primary",
-          key: item.itemObj
-        }, {
-          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.getDisplayValue(item)), 1)]),
-          _: 2
-        }, 1032, ["onClick"]);
-      }), 128))])])) : createCommentVNode("v-if", true), _ctx.commonList.length ? (openBlock(), createElementBlock("section", _hoisted_4, [_cache[1] || (_cache[1] = createElementVNode("header", null, "\u5E38\u7528\u641C\u7D22", -1)), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.commonList, (item) => {
-        return openBlock(), createBlock(unref(NTag), {
-          size: "small",
-          onClick: ($event) => clickCommonTag(item),
-          type: "primary",
-          key: item.itemObj
-        }, {
-          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.getDisplayValue(item)), 1)]),
-          _: 2
-        }, 1032, ["onClick"]);
-      }), 128))])])) : createCommentVNode("v-if", true)]);
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        __props.recentList.length ? (openBlock(), createElementBlock("section", _hoisted_2, [
+          createElementVNode("header", null, [
+            createTextVNode(" \u6700\u8FD1\u641C\u7D22 "),
+            __props.deletable ? (openBlock(), createBlock(unref(NIcon), {
+              key: 0,
+              component: unref(TrashOutline),
+              onClick: deleteTag
+            }, null, 8, ["component"])) : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.recentList, (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                size: "small",
+                onClick: ($event) => clickRecentTag(item),
+                type: "primary",
+                key: item.itemObj
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.getDisplayValue(item)), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("v-if", true),
+        __props.commonList.length ? (openBlock(), createElementBlock("section", _hoisted_4, [
+          _hoisted_5,
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.commonList, (item) => {
+              return openBlock(), createBlock(unref(NTag), {
+                size: "small",
+                onClick: ($event) => clickCommonTag(item),
+                type: "primary",
+                key: item.itemObj
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.getDisplayValue(item)), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
 import { AnyObject, Nullable } from '../../../../shared/types';
 import { PropType } from 'vue';
 import { BaseSearchExpose, RecommendItem } from '../../../../components/recommend-search/src/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     value: {
         type: PropType<string | number | null>;
     };
@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<RecommendItem[]>;
         default: () => never[];
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: PropType<string | number | null>;
         };
@@ -66,26 +66,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<RecommendItem[]>;
             default: () => never[];
         };
-    }>> & Readonly<{
+    }>> & {
         onSearch?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
         onDelete?: ((...args: any[]) => any) | undefined;
-        onOpenMenu?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
-    emits: (event: "closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose", ...args: any[]) => void;
-    showRef: import("vue").Ref<boolean, boolean>;
+        onOpenMenu?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", ...args: any[]) => void;
+    showRef: import("vue").Ref<boolean>;
     displayPlaceholder: import("vue").ComputedRef<string>;
-    currentOption: import("vue").Ref<AnyObject | undefined, AnyObject | undefined>;
+    currentOption: import("vue").Ref<AnyObject | undefined>;
     getRecommendOption: (item: RecommendItem) => any;
     commonOptions: import("vue").ComputedRef<any[]>;
     recentOptions: import("vue").ComputedRef<any[]>;
     optionWithoutRecommend: import("vue").ComputedRef<AnyObject[]>;
     getDisplayValue: (item: Nullable<string | number>) => string;
-    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined, BaseSearchExpose | undefined>;
-    valueRef: import("vue").Ref<string | number | null | undefined, string | number | null | undefined> | import("vue").WritableComputedRef<string | number | null | undefined, string | number | null | undefined>;
+    baseSearchRef: import("vue").Ref<BaseSearchExpose | undefined>;
+    valueRef: import("vue").Ref<string | number | null | undefined> | import("vue").WritableComputedRef<string | number | null | undefined>;
     parsedOptions: import("vue").ComputedRef<any[]>;
     search: (value?: string) => void;
     onOpenMenu: () => void;
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear: () => void;
     emitChoose: (value: unknown) => void;
     onChooseOption: (option: AnyObject) => void;
-    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[], import("@vueuse/core").UseVirtualListItem<any>[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[]>;
     wrapperProps: import("vue").ComputedRef<{
         style: {
             width: string;
@@ -102,12 +102,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     containerProps: {
-        ref: import("vue").Ref<any, any>;
+        ref: import("vue").Ref<any>;
         onScroll: () => void;
         style: Partial<CSSStyleDeclaration>;
     };
-    readonly Checkmark: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly BaseSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    Checkmark: 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<{}>>, {}>;
+    BaseSearch: import("vue").DefineComponent<{
         displayValue: {
             type: StringConstructor;
         };
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeMenu" | "clear" | "search" | "keydown" | "update:show" | "openMenu")[], "closeMenu" | "clear" | "search" | "keydown" | "update:show" | "openMenu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "closeMenu" | "clear" | "update:show" | "keydown" | "openMenu")[], "search" | "closeMenu" | "clear" | "update:show" | "keydown" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         displayValue: {
             type: StringConstructor;
         };
@@ -173,24 +173,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         onSearch?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
         onCloseMenu?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
         onOpenMenu?: ((...args: any[]) => any) | undefined;
-    }>, {
-        loading: boolean;
+    }, {
         placeholder: string;
+        loading: boolean;
         show: boolean;
         clearable: boolean;
         inputProps: Record<string, any>;
         popProps: Record<string, any>;
         clearPatternOnOpenMenu: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly NIcon: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose")[], "closeMenu" | "delete" | "clear" | "search" | "update:value" | "openMenu" | "choose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>;
+    NIcon: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu")[], "search" | "closeMenu" | "delete" | "clear" | "update:value" | "choose" | "openMenu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<string | number | null>;
     };
@@ -222,15 +222,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<RecommendItem[]>;
         default: () => never[];
     };
-}>> & Readonly<{
+}>> & {
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onCloseMenu?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onOpenMenu?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
-}>, {
+    onOpenMenu?: ((...args: any[]) => any) | undefined;
+}, {
     options: AnyObject[];
     placeholder: string;
     editPlaceholder: string;
@@ -238,5 +238,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueKey: string;
     commonList: RecommendItem[];
     recentList: RecommendItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;