cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

package/es/components/recommend-search/index.js

@@ -1,10 +1 @@
-import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
-import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/RecommendSearch.vue.js';
-
-const RecommendSearch = script;
-RecommendSearch.install = function(app) {
-  safeComponentRegister(app, RecommendSearch, COMPONENT_NAMESPACE + "RecommendSearch");
-};
-
-export { RecommendSearch as default };
+import{COMPONENT_NAMESPACE as e}from"../../shared/global/variable.js";import{safeComponentRegister as r}from"../../shared/utils/index.js";import o from"./src/RecommendSearch.vue.js";const a=o;a.install=function(o){r(o,a,e+"RecommendSearch")};export{a as default};

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

@@ -1,63 +1 @@
-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';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecommendSearch",
-  props: {
-    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 }
-  },
-  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
-    };
-    const currentComponent = computed(() => {
-      return componentMap[props.mode];
-    });
-    return (_ctx, _cache) => {
-      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, ["value"]);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendSearch.vue"]]);
-
-export { script as default };
+import{defineComponent as e,computed as t,openBlock as o,createBlock as l,resolveDynamicComponent as p,unref as r,mergeProps as n,isRef as a,withCtx as u,renderSlot as m}from"vue";import{useVModel as c}from"@vueuse/core";import i from"./components/RecommendInput.vue.js";import s from"./components/RecommendSelect.vue.js";import d from"../../../_virtual/plugin-vue_export-helper.js";var y=d(e({__name:"RecommendSearch",props:{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:"请输入关键字进行搜索"},clearable:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},commonList:{type:Array,default:()=>[]},recentList:{type:Array,default:()=>[]},recommendDeletable:{type:Boolean,default:!0},inputProps:{type:Object},popProps:{type:Object}},emits:["update:value","search","delete","choose","clear","openMenu","closeMenu"],setup(e,{emit:d}){const y=e,v=c(y,"value",d),f={input:i,select:s},h=t((()=>f[y.mode]));return(e,t)=>(o(),l(p(r(h)),n(e.$props,{value:r(v),"onUpdate:value":t[0]||(t[0]=e=>a(v)?v.value=e:null),onSearch:t[1]||(t[1]=t=>e.$emit("search",t)),onChoose:t[2]||(t[2]=t=>e.$emit("choose",t)),onOpenMenu:t[3]||(t[3]=t=>e.$emit("openMenu",t)),onCloseMenu:t[4]||(t[4]=t=>e.$emit("closeMenu",t)),onDelete:t[5]||(t[5]=t=>e.$emit("delete",t))}),{empty:u((()=>[m(e.$slots,"empty")])),_:3},16,["value"]))}}),[["__file","RecommendSearch.vue"]]);export{y as default};

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

@@ -1,157 +1 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createVNode, createElementVNode, renderSlot } from 'vue';
-import { uuidGenerator } from '../../../../shared/utils/index.js';
-import { useDebounceFn, onClickOutside } from '@vueuse/core';
-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: {
-    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: () => ({}) },
-    clearPatternOnOpenMenu: { type: Boolean, default: true }
-  },
-  emits: ["update:show", "clear", "search", "openMenu", "closeMenu"],
-  setup(__props, { expose, emit: emits }) {
-    const props = __props;
-    const uuid = uuidGenerator();
-    const search = useDebounceFn((content = "") => {
-      emits("search", content);
-    }, 300);
-    const popoverRef = ref();
-    const _show = ref(props.show);
-    const show = computed({
-      get() {
-        return _show.value || props.show;
-      },
-      set(value) {
-        emits("update:show", value);
-        _show.value = value;
-      }
-    });
-    const inputRef = ref();
-    const patternContent = ref("");
-    const displayValueRef = computed({
-      get() {
-        if (show.value)
-          return patternContent.value;
-        return props.displayValue;
-      },
-      set(value) {
-        patternContent.value = value || "";
-        search(value);
-      }
-    });
-    function openMenuAtInput(evt) {
-      var _a;
-      if (((_a = evt.target) == null ? void 0 : _a.tagName) !== "INPUT")
-        return;
-      openMenu();
-    }
-    function openMenu() {
-      if (show.value)
-        return;
-      show.value = true;
-      emits("openMenu");
-      if (props.clearPatternOnOpenMenu) {
-        patternContent.value = "";
-      }
-    }
-    function closeMenu() {
-      var _a;
-      show.value = false;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-      emits("closeMenu");
-    }
-    function onClear() {
-      emits("clear");
-    }
-    onClickOutside(inputRef, (evt) => {
-      var _a;
-      if (!show.value)
-        return;
-      const _evt = evt;
-      if (!_evt.target)
-        return closeMenu();
-      if (isInPopper(_evt.target)) {
-        (_a = inputRef.value) == null ? void 0 : _a.focus();
-        return;
-      }
-      closeMenu();
-      function isInPopper(targetEle) {
-        let result = false;
-        let current = targetEle;
-        while (current) {
-          if (current.id === uuid) {
-            result = true;
-            break;
-          }
-          current = current.parentElement;
-        }
-        return result;
-      }
-    });
-    expose({
-      setPattern(value) {
-        patternContent.value = value;
-      },
-      closeMenu,
-      openMenu
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NPopover), mergeProps({
-        trigger: "manual",
-        class: "recommend-search",
-        placement: "bottom-start",
-        show: unref(show),
-        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(show) ? show.value = $event : null),
-        "show-arrow": false,
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        width: "trigger"
-      }, __props.popProps), {
-        trigger: withCtx(() => [
-          createVNode(unref(NInput), mergeProps(__props.inputProps, {
-            placeholder: __props.placeholder,
-            clearable: __props.clearable,
-            onClear,
-            onFocus: openMenuAtInput,
-            onClick: openMenuAtInput,
-            onKeydown: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("keydown", $event)),
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(displayValueRef),
-            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(displayValueRef) ? displayValueRef.value = $event : null)
-          }), null, 16, ["placeholder", "clearable", "value"])
-        ]),
-        default: withCtx(() => [
-          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"]);
-    };
-  }
-});
-var BaseSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "BaseSearch.vue"]]);
-
-export { BaseSearch as default };
+import{defineComponent as e,ref as a,computed as t,openBlock as l,createBlock as o,unref as r,mergeProps as n,isRef as u,withCtx as s,createVNode as p,createElementVNode as i,renderSlot as c}from"vue";import{uuidGenerator as v}from"../../../../shared/utils/index.js";import{useDebounceFn as d,onClickOutside as f}from"@vueuse/core";import{NPopover as h,NInput as m,NSpin as g}from"naive-ui";import y from"../../../../_virtual/plugin-vue_export-helper.js";const w=["id"];var _=y(e({__name:"BaseSearch",props:{displayValue:{type:String},valueFormatter:{type:Function},show:{type:Boolean},loading:{type:Boolean},placeholder:{type:String,default:"请输入"},clearable:{type:Boolean,default:!0},inputProps:{type:Object,default:()=>({})},popProps:{type:Object,default:()=>({})},clearPatternOnOpenMenu:{type:Boolean,default:!0}},emits:["update:show","clear","search","openMenu","closeMenu"],setup(e,{expose:y,emit:_}){const b=e,M=v(),P=d(((e="")=>{_("search",e)}),300),B=a(),O=a(b.show),k=t({get:()=>O.value||b.show,set(e){_("update:show",e),O.value=e}}),x=a(),j=a(""),S=t({get:()=>k.value?j.value:b.displayValue,set(e){j.value=e||"",P(e)}});function F(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&U()}function U(){k.value||(k.value=!0,_("openMenu"),b.clearPatternOnOpenMenu&&(j.value=""))}function C(){var e;k.value=!1,null==(e=x.value)||e.blur(),_("closeMenu")}function N(){_("clear")}return f(x,(e=>{var a;if(!k.value)return;const t=e;if(!t.target)return C();!function(e){let a=!1,t=e;for(;t;){if(t.id===M){a=!0;break}t=t.parentElement}return a}(t.target)?C():null==(a=x.value)||a.focus()})),y({setPattern(e){j.value=e},closeMenu:C,openMenu:U}),(a,t)=>(l(),o(r(h),n({trigger:"manual",class:"recommend-search",placement:"bottom-start",show:r(k),"onUpdate:show":t[2]||(t[2]=e=>u(k)?k.value=e:null),"show-arrow":!1,ref_key:"popoverRef",ref:B,width:"trigger"},e.popProps),{trigger:s((()=>[p(r(m),n(e.inputProps,{placeholder:e.placeholder,clearable:e.clearable,onClear:N,onFocus:F,onClick:F,onKeydown:t[0]||(t[0]=e=>a.$emit("keydown",e)),ref_key:"inputRef",ref:x,value:r(S),"onUpdate:value":t[1]||(t[1]=e=>u(S)?S.value=e:null)}),null,16,["placeholder","clearable","value"])])),default:s((()=>[p(r(g),{show:e.loading},{default:s((()=>[i("section",{id:r(M),class:"base-search__menu",style:{"min-height":"100px"}},[c(a.$slots,"menu")],8,w)])),_:3},8,["show"])])),_:3},16,["show"]))}}),[["__file","BaseSearch.vue"]]);export{_ as default};

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

@@ -1,125 +1 @@
-import { defineComponent, ref, watch, onMounted, computed, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderSlot, createCommentVNode, createElementVNode, renderList, toDisplayString } from 'vue';
-import { useVModel, useVirtualList } from '@vueuse/core';
-import RecommendMenu from './RecommendMenu.vue.js';
-import BaseSearch from './BaseSearch.vue.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "recommend-search" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("section", { class: "recommend-search__empty" }, "\u6682\u65E0\u6570\u636E", -1);
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["title"];
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("section", { class: "recommend-search__empty" }, "\u6682\u65E0\u6570\u636E", -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecommendInput",
-  props: {
-    value: { type: String },
-    options: { type: Array, default: () => [] },
-    placeholder: { type: String, default: "\u8BF7\u8F93\u5165" },
-    clearable: { type: Boolean, default: true },
-    commonList: { type: Array, default: () => [] },
-    recentList: { type: Array, default: () => [] },
-    recommendDeletable: { type: Boolean, default: true }
-  },
-  emits: ["update:value", "search", "delete", "choose", "clear", "openMenu", "closeMenu"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const baseSearchRef = ref();
-    function setPattern(value = "") {
-      var _a;
-      (_a = baseSearchRef.value) == null ? void 0 : _a.setPattern(value);
-    }
-    const valueRef = useVModel(props, "value", emits);
-    watch(valueRef, setPattern);
-    onMounted(() => setPattern(valueRef.value));
-    const parsedOptions = computed(() => {
-      if (valueRef.value) {
-        return props.options;
-      }
-      return props.options.filter((option) => {
-        return props.commonList.every(notInList) && props.recentList.every(notInList);
-        function notInList(item) {
-          return item.itemObj !== option.itemObj;
-        }
-      });
-    });
-    function search(value) {
-      valueRef.value = value;
-      emits("search", value);
-    }
-    function onOpenMenu() {
-      emits("openMenu");
-    }
-    function onCloseMenu() {
-      emits("closeMenu");
-    }
-    function onChoose({ type, value }) {
-      var _a;
-      valueRef.value = value.itemObj;
-      (_a = baseSearchRef.value) == null ? void 0 : _a.closeMenu();
-      emits("choose", { type, value: value.itemObj });
-    }
-    const { list, wrapperProps, containerProps } = useVirtualList(parsedOptions, { itemHeight: 32, overscan: 3 });
-    function onKeydown(event) {
-      if (!["ArrowUp", "ArrowDown", "Enter"].includes(event.key))
-        return;
-      console.log(event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(BaseSearch, mergeProps({
-          ref_key: "baseSearchRef",
-          ref: baseSearchRef,
-          "display-value": unref(valueRef),
-          "clear-pattern-on-open-menu": false,
-          placeholder: __props.placeholder,
-          clearable: __props.clearable,
-          onKeydown,
-          onSearch: search,
-          onOpenMenu,
-          onCloseMenu
-        }, _ctx.$attrs), {
-          menu: withCtx(() => [
-            !unref(valueRef) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createVNode(RecommendMenu, {
-                "common-list": __props.commonList,
-                "recent-list": __props.recentList,
-                deletable: __props.recommendDeletable,
-                onDelete: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("delete", $event)),
-                onChoose
-              }, null, 8, ["common-list", "recent-list", "deletable"]),
-              !__props.commonList.length && !__props.recentList.length ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
-                _hoisted_2
-              ]) : createCommentVNode("v-if", true)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              unref(parsedOptions).length ? (openBlock(), createElementBlock("section", mergeProps({
-                key: 0,
-                class: "recommend-search__optionContainer"
-              }, unref(containerProps), { style: { "height": "256px" } }), [
-                createElementVNode("section", mergeProps({ class: "recommend-search__optionList" }, unref(wrapperProps)), [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
-                    return openBlock(), createElementBlock("div", {
-                      onClick: ($event) => onChoose({ value: option.data }),
-                      key: option.data.itemObj,
-                      class: "recommend-search__option"
-                    }, [
-                      createElementVNode("div", {
-                        class: "recommend-search__optionText",
-                        title: option.data.itemObj
-                      }, toDisplayString(option.data.itemObj), 9, _hoisted_4)
-                    ], 8, _hoisted_3);
-                  }), 128))
-                ], 16)
-              ], 16)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                _hoisted_5
-              ])
-            ], 64))
-          ]),
-          _: 3
-        }, 16, ["display-value", "placeholder", "clearable"])
-      ]);
-    };
-  }
-});
-var RecommendInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendInput.vue"]]);
-
-export { RecommendInput as default };
+import{defineComponent as e,ref as t,watch as o,onMounted as n,computed as l,openBlock as r,createElementBlock as a,createVNode as c,mergeProps as s,unref as i,withCtx as m,Fragment as u,renderSlot as p,createCommentVNode as d,createElementVNode as v,renderList as y,toDisplayString as h}from"vue";import{useVModel as f,useVirtualList as _}from"@vueuse/core";import b from"./RecommendMenu.vue.js";import j from"./BaseSearch.vue.js";import k from"../../../../_virtual/plugin-vue_export-helper.js";const g={class:"recommend-search"},L=v("section",{class:"recommend-search__empty"},"暂无数据",-1),M=["onClick"],O=["title"],w=v("section",{class:"recommend-search__empty"},"暂无数据",-1);var A=k(e({__name:"RecommendInput",props:{value:{type:String},options:{type:Array,default:()=>[]},placeholder:{type:String,default:"请输入"},clearable:{type:Boolean,default:!0},commonList:{type:Array,default:()=>[]},recentList:{type:Array,default:()=>[]},recommendDeletable:{type:Boolean,default:!0}},emits:["update:value","search","delete","choose","clear","openMenu","closeMenu"],setup(e,{emit:k}){const A=e,C=t();function S(e=""){var t;null==(t=C.value)||t.setPattern(e)}const x=f(A,"value",k);o(x,S),n((()=>S(x.value)));const D=l((()=>x.value?A.options:A.options.filter((e=>{return A.commonList.every(t)&&A.recentList.every(t);function t(t){return t.itemObj!==e.itemObj}}))));function R(e){x.value=e,k("search",e)}function $(){k("openMenu")}function B(){k("closeMenu")}function P({type:e,value:t}){var o;x.value=t.itemObj,null==(o=C.value)||o.closeMenu(),k("choose",{type:e,value:t.itemObj})}const{list:I,wrapperProps:E,containerProps:H}=_(D,{itemHeight:32,overscan:3});function K(e){["ArrowUp","ArrowDown","Enter"].includes(e.key)&&console.log(e)}return(t,o)=>(r(),a("section",g,[c(j,s({ref_key:"baseSearchRef",ref:C,"display-value":i(x),"clear-pattern-on-open-menu":!1,placeholder:e.placeholder,clearable:e.clearable,onKeydown:K,onSearch:R,onOpenMenu:$,onCloseMenu:B},t.$attrs),{menu:m((()=>[i(x)?(r(),a(u,{key:1},[i(D).length?(r(),a("section",s({key:0,class:"recommend-search__optionContainer"},i(H),{style:{height:"256px"}}),[v("section",s({class:"recommend-search__optionList"},i(E)),[(r(!0),a(u,null,y(i(I),(e=>(r(),a("div",{onClick:t=>P({value:e.data}),key:e.data.itemObj,class:"recommend-search__option"},[v("div",{class:"recommend-search__optionText",title:e.data.itemObj},h(e.data.itemObj),9,O)],8,M)))),128))],16)],16)):p(t.$slots,"empty",{key:1},(()=>[w]))],64)):(r(),a(u,{key:0},[c(b,{"common-list":e.commonList,"recent-list":e.recentList,deletable:e.recommendDeletable,onDelete:o[0]||(o[0]=e=>t.$emit("delete",e)),onChoose:P},null,8,["common-list","recent-list","deletable"]),e.commonList.length||e.recentList.length?d("v-if",!0):p(t.$slots,"empty",{key:0},(()=>[L]))],64))])),_:3},16,["display-value","placeholder","clearable"])]))}}),[["__file","RecommendInput.vue"]]);export{A as default};

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

@@ -1,104 +1 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createBlock, unref, createCommentVNode, Fragment, renderList, withCtx, toDisplayString } from 'vue';
-import { TrashOutline } from '@vicons/ionicons5';
-import { NIcon, NTag } from 'naive-ui';
-import { RecommendType } from '../constant/index.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-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_4 = {
-  key: 1,
-  class: "recommend-search__recentRecommend"
-};
-const _hoisted_5 = { class: "recommend-search__menuRecommendList" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecommendMenu",
-  props: {
-    getDisplayValue: { type: Function, default: (item) => item.itemObj },
-    commonList: { default: () => [] },
-    recentList: { default: () => [] },
-    deletable: { type: Boolean }
-  },
-  emits: ["delete", "choose"],
-  setup(__props, { emit: emits }) {
-    function clickTag(type, value) {
-      emits("choose", { type, value });
-    }
-    function clickCommonTag(value) {
-      clickTag(RecommendType.COMMONLY, value);
-    }
-    function clickRecentTag(value) {
-      clickTag(RecommendType.RECENTLY, value);
-    }
-    function deleteTag(type) {
-      emits("delete", type);
-    }
-    function deleteCommonTag() {
-      deleteTag(RecommendType.COMMONLY);
-    }
-    function deleteRecentTag() {
-      deleteTag(RecommendType.RECENTLY);
-    }
-    return (_ctx, _cache) => {
-      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: deleteCommonTag
-            }, 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, [
-          createElementVNode("header", null, [
-            createTextVNode(" \u5E38\u7528\u641C\u7D22 "),
-            __props.deletable ? (openBlock(), createBlock(unref(NIcon), {
-              key: 0,
-              component: unref(TrashOutline),
-              onClick: deleteRecentTag
-            }, null, 8, ["component"])) : createCommentVNode("v-if", true)
-          ]),
-          createElementVNode("div", _hoisted_5, [
-            (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)
-      ]);
-    };
-  }
-});
-var RecommendMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendMenu.vue"]]);
-
-export { RecommendMenu as default };
+import{defineComponent as e,openBlock as n,createElementBlock as o,createElementVNode as t,createTextVNode as m,createBlock as i,unref as l,createCommentVNode as c,Fragment as s,renderList as r,withCtx as a,toDisplayString as u}from"vue";import{TrashOutline as d}from"@vicons/ionicons5";import{NIcon as p,NTag as f}from"naive-ui";import{RecommendType as v}from"../constant/index.js";import _ from"../../../../_virtual/plugin-vue_export-helper.js";const y={class:"recommend-search__menuRecommend"},h={key:0,class:"recommend-search__commonRecommend"},k={class:"recommend-search__menuRecommendList"},L={key:1,class:"recommend-search__recentRecommend"},C={class:"recommend-search__menuRecommendList"};var R=_(e({__name:"RecommendMenu",props:{getDisplayValue:{type:Function,default:e=>e.itemObj},commonList:{default:()=>[]},recentList:{default:()=>[]},deletable:{type:Boolean}},emits:["delete","choose"],setup(e,{emit:_}){function R(e,n){_("choose",{type:e,value:n})}function O(e){_("delete",e)}function b(){O(v.COMMONLY)}function g(){O(v.RECENTLY)}return(_,O)=>(n(),o("section",y,[e.recentList.length?(n(),o("section",h,[t("header",null,[m(" 最近搜索 "),e.deletable?(n(),i(l(p),{key:0,component:l(d),onClick:b},null,8,["component"])):c("v-if",!0)]),t("div",k,[(n(!0),o(s,null,r(e.recentList,(o=>(n(),i(l(f),{size:"small",onClick:e=>{return n=o,void R(v.RECENTLY,n);var n},type:"primary",key:o.itemObj},{default:a((()=>[m(u(e.getDisplayValue(o)),1)])),_:2},1032,["onClick"])))),128))])])):c("v-if",!0),e.commonList.length?(n(),o("section",L,[t("header",null,[m(" 常用搜索 "),e.deletable?(n(),i(l(p),{key:0,component:l(d),onClick:g},null,8,["component"])):c("v-if",!0)]),t("div",C,[(n(!0),o(s,null,r(e.commonList,(o=>(n(),i(l(f),{size:"small",onClick:e=>{return n=o,void R(v.COMMONLY,n);var n},type:"primary",key:o.itemObj},{default:a((()=>[m(u(e.getDisplayValue(o)),1)])),_:2},1032,["onClick"])))),128))])])):c("v-if",!0)]))}}),[["__file","RecommendMenu.vue"]]);export{R as default};

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

@@ -1,146 +1 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, mergeProps, unref, isRef, withCtx, createElementVNode, normalizeProps, guardReactiveProps, Fragment, renderList, normalizeClass, toDisplayString, createBlock, createCommentVNode, renderSlot } from 'vue';
-import { jsonParse } from '../../../../shared/utils/index.js';
-import { Checkmark } from '@vicons/ionicons5';
-import { useVModel, useVirtualList } from '@vueuse/core';
-import { isObject } from 'lodash-es';
-import BaseSearch from './BaseSearch.vue.js';
-import { NIcon } from 'naive-ui';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "recommend-search" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("section", { class: "recommend-search__empty" }, "\u6682\u65E0\u6570\u636E", -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecommendSelect",
-  props: {
-    value: { type: [String, Number] },
-    labelKey: { type: String, default: "label" },
-    valueKey: { type: String, default: "value" },
-    placeholder: { type: String, default: "\u8BF7\u9009\u62E9" },
-    editPlaceholder: { type: String, default: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u641C\u7D22" },
-    options: { type: Array, default: () => [] },
-    commonList: { type: Array, default: () => [] },
-    recentList: { type: Array, default: () => [] }
-  },
-  emits: ["update:value", "search", "delete", "choose", "clear", "openMenu", "closeMenu"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const showRef = ref(false);
-    const displayPlaceholder = computed(() => {
-      return showRef.value ? props.editPlaceholder : props.placeholder;
-    });
-    const currentOption = ref();
-    function getRecommendOption(item) {
-      return jsonParse(item.itemObj);
-    }
-    const commonOptions = computed(() => props.commonList.map(getRecommendOption));
-    const recentOptions = computed(() => props.recentList.map(getRecommendOption));
-    const optionWithoutRecommend = computed(() => {
-      return props.options.filter((option) => {
-        return commonOptions.value.every(notInList) && recentOptions.value.every(notInList);
-        function notInList(item) {
-          return item[props.valueKey] !== option[props.valueKey];
-        }
-      });
-    });
-    function getDisplayValue(item) {
-      let result = "";
-      [...parsedOptions.value, currentOption.value].find((option) => {
-        if (!isObject(option) || option[props.valueKey] !== item)
-          return;
-        result = option[props.labelKey];
-        return true;
-      });
-      return result;
-    }
-    const baseSearchRef = ref();
-    const valueRef = useVModel(props, "value", emits);
-    const parsedOptions = computed(() => {
-      return [...commonOptions.value, ...recentOptions.value, ...optionWithoutRecommend.value];
-    });
-    function search(value = "") {
-      emits("search", value);
-    }
-    function onOpenMenu() {
-      search();
-      emits("openMenu");
-    }
-    function onCloseMenu() {
-      emits("closeMenu");
-    }
-    function onClear() {
-      valueRef.value = null;
-      emits("clear");
-    }
-    function emitChoose(value) {
-      emits("choose", { value, option: { ...currentOption.value } });
-    }
-    function onChooseOption(option) {
-      var _a;
-      if (!isObject(option))
-        return;
-      valueRef.value = option[props.valueKey];
-      (_a = baseSearchRef.value) == null ? void 0 : _a.closeMenu();
-      currentOption.value = option;
-      emitChoose(option[props.valueKey]);
-    }
-    const { list, wrapperProps, containerProps } = useVirtualList(parsedOptions, { itemHeight: 32, overscan: 5 });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(BaseSearch, mergeProps({
-          ref_key: "baseSearchRef",
-          ref: baseSearchRef,
-          value: unref(valueRef),
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueRef) ? valueRef.value = $event : null),
-          show: showRef.value,
-          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showRef.value = $event),
-          "display-value": getDisplayValue(unref(valueRef)),
-          placeholder: unref(displayPlaceholder),
-          onOpenMenu,
-          onCloseMenu,
-          onSearch: search,
-          onClear
-        }, _ctx.$attrs), {
-          menu: withCtx(() => [
-            unref(parsedOptions).length ? (openBlock(), createElementBlock("section", mergeProps({
-              key: 0,
-              class: "recommend-search__optionContainer",
-              style: { "height": "256px" }
-            }, unref(containerProps)), [
-              createElementVNode("section", normalizeProps(guardReactiveProps(unref(wrapperProps))), [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
-                  return openBlock(), createElementBlock("div", {
-                    onClick: ($event) => onChooseOption(option.data),
-                    key: option.data[__props.valueKey],
-                    class: normalizeClass([
-                      "recommend-search__option",
-                      {
-                        "is-active": option.data[__props.valueKey] === unref(valueRef)
-                      }
-                    ])
-                  }, [
-                    createElementVNode("div", {
-                      class: "recommend-search__optionText",
-                      title: option.data.itemObj
-                    }, toDisplayString(option.data[__props.labelKey]), 9, _hoisted_3),
-                    option.data[__props.valueKey] === unref(valueRef) ? (openBlock(), createBlock(unref(NIcon), {
-                      key: 0,
-                      component: unref(Checkmark)
-                    }, null, 8, ["component"])) : createCommentVNode("v-if", true)
-                  ], 10, _hoisted_2);
-                }), 128))
-              ], 16)
-            ], 16)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              _hoisted_4
-            ])
-          ]),
-          _: 3
-        }, 16, ["value", "show", "display-value", "placeholder"])
-      ]);
-    };
-  }
-});
-var RecommendSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendSelect.vue"]]);
-
-export { RecommendSelect as default };
+import{defineComponent as e,ref as t,computed as a,openBlock as l,createElementBlock as o,createVNode as n,mergeProps as r,unref as u,isRef as i,withCtx as c,createElementVNode as s,normalizeProps as p,guardReactiveProps as v,Fragment as m,renderList as d,normalizeClass as y,toDisplayString as f,createBlock as h,createCommentVNode as _,renderSlot as K}from"vue";import{jsonParse as S}from"../../../../shared/utils/index.js";import{Checkmark as g}from"@vicons/ionicons5";import{useVModel as b,useVirtualList as k}from"@vueuse/core";import{isObject as M}from"lodash-es";import j from"./BaseSearch.vue.js";import{NIcon as x}from"naive-ui";import C from"../../../../_virtual/plugin-vue_export-helper.js";const w={class:"recommend-search"},L=["onClick"],P=["title"],A=s("section",{class:"recommend-search__empty"},"暂无数据",-1);var O=C(e({__name:"RecommendSelect",props:{value:{type:[String,Number]},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},placeholder:{type:String,default:"请选择"},editPlaceholder:{type:String,default:"请输入关键字进行搜索"},options:{type:Array,default:()=>[]},commonList:{type:Array,default:()=>[]},recentList:{type:Array,default:()=>[]}},emits:["update:value","search","delete","choose","clear","openMenu","closeMenu"],setup(e,{emit:C}){const O=e,R=t(!1),U=a((()=>R.value?O.editPlaceholder:O.placeholder)),$=t();function B(e){return S(e.itemObj)}const H=a((()=>O.commonList.map(B))),N=a((()=>O.recentList.map(B))),T=a((()=>O.options.filter((e=>{return H.value.every(t)&&N.value.every(t);function t(t){return t[O.valueKey]!==e[O.valueKey]}}))));function q(e){let t="";return[...E.value,$.value].find((a=>{if(M(a)&&a[O.valueKey]===e)return t=a[O.labelKey],!0})),t}const z=t(),D=b(O,"value",C),E=a((()=>[...H.value,...N.value,...T.value]));function F(e=""){C("search",e)}function G(){F(),C("openMenu")}function I(){C("closeMenu")}function J(){D.value=null,C("clear")}function Q(e){var t,a;M(e)&&(D.value=e[O.valueKey],null==(t=z.value)||t.closeMenu(),$.value=e,a=e[O.valueKey],C("choose",{value:a,option:{...$.value}}))}const{list:V,wrapperProps:W,containerProps:X}=k(E,{itemHeight:32,overscan:5});return(t,a)=>(l(),o("section",w,[n(j,r({ref_key:"baseSearchRef",ref:z,value:u(D),"onUpdate:value":a[0]||(a[0]=e=>i(D)?D.value=e:null),show:R.value,"onUpdate:show":a[1]||(a[1]=e=>R.value=e),"display-value":q(u(D)),placeholder:u(U),onOpenMenu:G,onCloseMenu:I,onSearch:F,onClear:J},t.$attrs),{menu:c((()=>[u(E).length?(l(),o("section",r({key:0,class:"recommend-search__optionContainer",style:{height:"256px"}},u(X)),[s("section",p(v(u(W))),[(l(!0),o(m,null,d(u(V),(t=>(l(),o("div",{onClick:e=>Q(t.data),key:t.data[e.valueKey],class:y(["recommend-search__option",{"is-active":t.data[e.valueKey]===u(D)}])},[s("div",{class:"recommend-search__optionText",title:t.data.itemObj},f(t.data[e.labelKey]),9,P),t.data[e.valueKey]===u(D)?(l(),h(u(x),{key:0,component:u(g)},null,8,["component"])):_("v-if",!0)],10,L)))),128))],16)],16)):K(t.$slots,"empty",{key:1},(()=>[A]))])),_:3},16,["value","show","display-value","placeholder"])]))}}),[["__file","RecommendSelect.vue"]]);export{O as default};

package/es/components/recommend-search/src/constant/index.js

@@ -1,7 +1 @@
-var RecommendType = /* @__PURE__ */ ((RecommendType2) => {
-  RecommendType2["COMMONLY"] = "COMMONLY";
-  RecommendType2["RECENTLY"] = "RECENTLY";
-  return RecommendType2;
-})(RecommendType || {});
-
-export { RecommendType };
+var C=(C=>(C.COMMONLY="COMMONLY",C.RECENTLY="RECENTLY",C))(C||{});export{C as RecommendType};