cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,121 @@
-import{defineComponent as e,computed as t,provide as o,useSlots as n,ref as a,getCurrentInstance as p,watch as r,openBlock as l,createBlock as c,resolveDynamicComponent as s,unref as u,mergeProps as m,isRef as i,withCtx as d,renderSlot as f}from"vue";import{useVModel as y}from"@vueuse/core";import{isObject as v}from"lodash-es";import{InjectionRecommendSearchRootSlots as g,InjectionRecommendSearchRef as h}from"./constant/index.js";import b from"./components/RecommendInput.vue.js";import S from"./components/RecommendSelect.vue.js";var j=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,{expose:j,emit:x}){const C=e,$=y(C,"value",x),M={input:b,select:S},O=t((()=>M[C.mode]));o(g,n());const P=a();o(h,P);const R={},w=p();return r(P,(e=>{if(Object.keys(R).forEach((e=>Reflect.deleteProperty(R,e))),v(e))try{if(w&&w.appContext&&v(w.appContext.config)){const t=w.appContext.config.warnHandler;w.appContext.config.warnHandler=()=>1,Object.assign(R,e),w.appContext.config.warnHandler=t}else Object.assign(R,e)}catch(e){}})),j(R),(e,t)=>(l(),c(s(u(O)),m(e.$props,{value:u($),"onUpdate:value":t[0]||(t[0]=e=>i($)?$.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:d((()=>[f(e.$slots,"empty")])),_:3},16,["value"]))}});export{j as default};
+import { defineComponent, computed, provide, useSlots, ref, getCurrentInstance, watch, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, renderSlot } from 'vue';
+import { useVModel } from '@vueuse/core';
+import { isObject } from 'lodash-es';
+import { InjectionRecommendSearchRootSlots, InjectionRecommendSearchRef } from './constant/index.js';
+import RecommendInput from './components/RecommendInput.vue.js';
+import RecommendSelect from './components/RecommendSelect.vue.js';
+
+var _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, {
+    expose,
+    emit: emits
+  }) {
+    const props = __props;
+    const valueRef = useVModel(props, "value", emits);
+    const componentMap = {
+      input: RecommendInput,
+      select: RecommendSelect
+    };
+    const currentComponent = computed(() => {
+      return componentMap[props.mode];
+    });
+    provide(InjectionRecommendSearchRootSlots, useSlots());
+    const inputRef = ref();
+    provide(InjectionRecommendSearchRef, inputRef);
+    const exposeMethods = {};
+    const instance = getCurrentInstance();
+    watch(inputRef, (_ref) => {
+      Object.keys(exposeMethods).forEach((k) => Reflect.deleteProperty(exposeMethods, k));
+      if (!isObject(_ref))
+        return;
+      try {
+        if (instance && instance.appContext && isObject(instance.appContext.config)) {
+          const warnHandler = instance.appContext.config.warnHandler;
+          instance.appContext.config.warnHandler = () => 1;
+          Object.assign(exposeMethods, _ref);
+          instance.appContext.config.warnHandler = warnHandler;
+        } else {
+          Object.assign(exposeMethods, _ref);
+        }
+      } catch (e) {
+      }
+    });
+    expose(exposeMethods);
+    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"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,173 @@
-import{defineComponent as e,inject as a,ref as t,computed as o,createVNode as l,mergeProps as n}from"vue";import{isFunction as r}from"lodash-es";import{uuidGenerator as u}from"../../../../shared/utils/index.js";import{useDebounceFn as s,onClickOutside as p}from"@vueuse/core";import{NPopover as i,NInput as c,NSpin as d}from"naive-ui";import{InjectionRecommendSearchRootSlots as v,InjectionRecommendSearchRef as m}from"../constant/index.js";var f,h=e({props:{displayValue:{type:String},valueFormatter:{type:Function},show:{type:Boolean},loading:{type:Boolean},placeholder:{type:String,default:(null==(f=window.getLanguageByCode)?void 0:f.call(window,"10010.1.383"))||"请输入"},clearable:{type:Boolean,default:!0},inputProps:{type:Object,default:()=>({})},popProps:{type:Object,default:()=>({})},clearPatternOnOpenMenu:{type:Boolean,default:!0}},emits:["update:show","keydown","clear","search","openMenu","closeMenu"],setup(e,{expose:f,emit:h,slots:g}){const w=a(v,{}),y=u(),b=s(((e="")=>{h("search",e)}),300),M=t(e.show),P=o({get:()=>M.value||e.show,set(e){h("update:show",e),M.value=e}}),O=a(m,t()),x=t(""),B=o({get:()=>P.value?x.value:e.displayValue,set(e){x.value=e||"",b(e)}});function j(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&k()}function k(){P.value||(P.value=!0,h("openMenu"),e.clearPatternOnOpenMenu&&(x.value=""))}function C(){var e;P.value=!1,null==(e=O.value)||e.blur(),h("closeMenu")}function F(){h("clear")}return p(O,(e=>{var a;if(!P.value)return;const t=e;if(!t.target)return C();!function(e){let a=!1,t=e;for(;t;){if(t.id===y){a=!0;break}t=t.parentElement}return a}(t.target)?C():null==(a=O.value)||a.focus()})),f({setPattern(e){x.value=e},closeMenu:C,openMenu:k}),()=>l(i,n({trigger:"manual",class:"recommend-search",placement:"bottom-start",show:P.value,"onUpdate:show":e=>P.value=e,"show-arrow":!1,width:"trigger"},e.popProps),{trigger:()=>l(c,n(e.inputProps,{placeholder:e.placeholder,clearable:e.clearable,onClear:F,onFocus:j,onClick:j,onKeydown:e=>h("keydown",e),ref:O,value:B.value,"onUpdate:value":e=>B.value=e}),w),default:()=>l(d,{show:e.loading},{default:()=>[l("section",{id:y,class:"base-search__menu",style:"min-height: 100px"},[r(null==g?void 0:g.menu)?g.menu():null])]})})}});export{h as default};
+import { defineComponent, inject, ref, computed, createVNode, mergeProps } from 'vue';
+import { isFunction } from 'lodash-es';
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import { useDebounceFn, onClickOutside } from '@vueuse/core';
+import { NPopover, NInput, NSpin } from 'naive-ui';
+import { InjectionRecommendSearchRootSlots, InjectionRecommendSearchRef } from '../constant/index.js';
+
+var _a;
+var BaseSearch = /* @__PURE__ */ defineComponent({
+  props: {
+    displayValue: {
+      type: String
+    },
+    valueFormatter: {
+      type: Function
+    },
+    show: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean
+    },
+    placeholder: {
+      type: String,
+      default: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.383")) || "\u8BF7\u8F93\u5165"
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    inputProps: {
+      type: Object,
+      default: () => ({})
+    },
+    popProps: {
+      type: Object,
+      default: () => ({})
+    },
+    clearPatternOnOpenMenu: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:show", "keydown", "clear", "search", "openMenu", "closeMenu"],
+  setup(props, {
+    expose,
+    emit,
+    slots
+  }) {
+    const rootSlots = inject(InjectionRecommendSearchRootSlots, {});
+    const uuid = uuidGenerator();
+    const search = useDebounceFn((content = "") => {
+      emit("search", content);
+    }, 300);
+    const _show = ref(props.show);
+    const show = computed({
+      get() {
+        return _show.value || props.show;
+      },
+      set(value) {
+        emit("update:show", value);
+        _show.value = value;
+      }
+    });
+    const inputRef = inject(InjectionRecommendSearchRef, 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 _a2;
+      if (((_a2 = evt.target) == null ? void 0 : _a2.tagName) !== "INPUT")
+        return;
+      openMenu();
+    }
+    function openMenu() {
+      if (show.value)
+        return;
+      show.value = true;
+      emit("openMenu");
+      if (props.clearPatternOnOpenMenu) {
+        patternContent.value = "";
+      }
+    }
+    function closeMenu() {
+      var _a2;
+      show.value = false;
+      (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
+      emit("closeMenu");
+    }
+    function onClear() {
+      emit("clear");
+    }
+    onClickOutside(inputRef, (evt) => {
+      var _a2;
+      if (!show.value)
+        return;
+      const _evt = evt;
+      if (!_evt.target)
+        return closeMenu();
+      if (isInPopper(_evt.target)) {
+        (_a2 = inputRef.value) == null ? void 0 : _a2.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 () => {
+      return createVNode(NPopover, mergeProps({
+        "trigger": "manual",
+        "class": "recommend-search",
+        "placement": "bottom-start",
+        "show": show.value,
+        "onUpdate:show": ($event) => show.value = $event,
+        "show-arrow": false,
+        "width": "trigger"
+      }, props.popProps), {
+        trigger() {
+          return createVNode(NInput, mergeProps(props.inputProps, {
+            "placeholder": props.placeholder,
+            "clearable": props.clearable,
+            "onClear": onClear,
+            "onFocus": openMenuAtInput,
+            "onClick": openMenuAtInput,
+            "onKeydown": ($event) => emit("keydown", $event),
+            "ref": inputRef,
+            "value": displayValueRef.value,
+            "onUpdate:value": ($event) => displayValueRef.value = $event
+          }), rootSlots);
+        },
+        default() {
+          return createVNode(NSpin, {
+            "show": props.loading
+          }, {
+            default: () => [createVNode("section", {
+              "id": uuid,
+              "class": "base-search__menu",
+              "style": "min-height: 100px"
+            }, [isFunction(slots == null ? void 0 : slots.menu) ? slots.menu() : null])]
+          });
+        }
+      });
+    };
+  }
+});
+
+export { BaseSearch as default };

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

@@ -1 +1,6 @@
-import e from"./RecommendInput.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var m=r(e,[["__file","RecommendInput.vue"]]);export{m as default};
+import _sfc_main from './RecommendInput.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var RecommendInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendInput.vue"]]);
+
+export { RecommendInput as default };

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

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

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

@@ -1 +1,6 @@
-import e from"./RecommendMenu.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var m=r(e,[["__file","RecommendMenu.vue"]]);export{m as default};
+import _sfc_main from './RecommendMenu.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var RecommendMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendMenu.vue"]]);
+
+export { RecommendMenu as default };

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

@@ -1 +1,90 @@
-import{defineComponent as e,openBlock as n,createElementBlock as o,createElementVNode as t,createTextVNode as m,createBlock as c,unref as i,createCommentVNode as l,Fragment as s,renderList as a,withCtx as r,toDisplayString as d}from"vue";import{TrashOutline as u}from"@vicons/ionicons5";import{NIcon as p,NTag as f}from"naive-ui";import{RecommendType as y}from"../constant/index.js";const v={class:"recommend-search__menuRecommend"},_={key:0,class:"recommend-search__commonRecommend"},h={class:"recommend-search__menuRecommendList"},k={key:1,class:"recommend-search__recentRecommend"},L=t("header",null,"常用搜索",-1),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:R}){function b(e,n){R("choose",{type:e,value:n})}function g(){R("delete")}return(R,O)=>(n(),o("section",v,[e.recentList.length?(n(),o("section",_,[t("header",null,[m(" 最近搜索 "),e.deletable?(n(),c(i(p),{key:0,component:i(u),onClick:g},null,8,["component"])):l("v-if",!0)]),t("div",h,[(n(!0),o(s,null,a(e.recentList,(o=>(n(),c(i(f),{size:"small",onClick:e=>{return n=o,void b(y.RECENTLY,n);var n},type:"primary",key:o.itemObj},{default:r((()=>[m(d(e.getDisplayValue(o)),1)])),_:2},1032,["onClick"])))),128))])])):l("v-if",!0),e.commonList.length?(n(),o("section",k,[L,t("div",C,[(n(!0),o(s,null,a(e.commonList,(o=>(n(),c(i(f),{size:"small",onClick:e=>{return n=o,void b(y.COMMONLY,n);var n},type:"primary",key:o.itemObj},{default:r((()=>[m(d(e.getDisplayValue(o)),1)])),_:2},1032,["onClick"])))),128))])])):l("v-if",!0)]))}});export{R as default};
+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';
+
+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 = /* @__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
+    }
+  },
+  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() {
+      emits("delete");
+    }
+    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: 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)]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./RecommendSelect.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var m=r(e,[["__file","RecommendSelect.vue"]]);export{m as default};
+import _sfc_main from './RecommendSelect.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var RecommendSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "RecommendSelect.vue"]]);
+
+export { RecommendSelect as default };