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

package/es/components/map/src/Map.vue.js

@@ -1,336 +1 @@
-import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
-import { useMessage, NInput, NButton } from 'naive-ui';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "c-map" };
-const _hoisted_2 = { class: "search-container" };
-const _hoisted_3 = { class: "map-input-search" };
-const _hoisted_4 = { class: "input-addon" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { id: "map-core" }, null, -1);
-const _hoisted_6 = {
-  key: 0,
-  class: "address-list"
-};
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Map",
-  props: {
-    locationProp: { type: String, default: "" },
-    ak: {
-      type: String,
-      default: "KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"
-    }
-  },
-  emits: ["selectLocation"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const state = reactive({
-      qq: null,
-      searchKey: "",
-      centrePoint: {},
-      location: { lng: "", lat: "" },
-      localObj: {},
-      map: null,
-      ac: null,
-      addressList: [],
-      markers: [],
-      timeout: null,
-      searchService: null,
-      geocoder: {}
-    });
-    const defAdress = computed(() => {
-      var _a, _b;
-      return (_b = (_a = state.addressList) == null ? void 0 : _a[0]) == null ? void 0 : _b.name;
-    });
-    const calculateLocationProp = computed(() => {
-      return props.locationProp && JSON.parse(props.locationProp) || null;
-    });
-    const message = useMessage();
-    const showPosition = (r) => {
-      if (r && r.module == "geolocation") {
-        state.location.lng = r.lng;
-        state.location.lat = r.lat;
-        let qq = state.qq;
-        const new_opint = new qq.maps.LatLng(r.lat, r.lng);
-        handleGeocoder({ latLng: new_opint });
-        hdnelSetMapcenter({ lat: r.lat, lng: r.lng });
-      } else {
-        console.log("\u7528\u6237\u4E0D\u5141\u8BB8\u83B7\u53D6\u5730\u7406\u4F4D\u7F6E");
-        state.location.lng = 113.275;
-        state.location.lat = 23.117;
-      }
-    };
-    const getLocation = () => {
-      const qq = state.qq;
-      const geolocation = new qq.maps.Geolocation(props.ak, "qqmap");
-      const options = { timeout: 9e3 };
-      const showErr = function(err) {
-        console.log(err);
-      };
-      geolocation.getLocation(showPosition, showErr, options);
-    };
-    const hdnelSetMapcenter = (location) => {
-      const qq = state.qq;
-      var new_opint = new qq.maps.LatLng(location.lat, location.lng);
-      state.centrePoint = new_opint;
-      state.map.panTo(new_opint);
-      const mk = new qq.maps.Marker({
-        position: new_opint,
-        map: state.map
-      });
-      state.markers.push(mk);
-    };
-    const initSearch = () => {
-      const qq = state.qq;
-      state.searchService = new qq.maps.SearchService({
-        complete: function(results) {
-          var pois = results.detail.pois || [];
-          var latlngBounds = new qq.maps.LatLngBounds();
-          if (results.type === "CITY_LIST") {
-            state.searchService.setLocation(results.detail.cities[0].cityName);
-            state.searchService.search(state.searchKey);
-            return;
-          }
-          state.addressList = pois || [];
-          handleClearOverLays();
-          if (results.type === "POI_LIST") {
-            for (var i = 0, l = pois.length; i < l; i++) {
-              var poi = pois[i];
-              latlngBounds.extend(poi.latLng);
-              (function(n) {
-                var marker = new qq.maps.Marker({
-                  map: state.map
-                });
-                marker.setPosition(pois[n].latLng);
-                marker.setTitle(i + 1);
-                state.markers.push(marker);
-              })(i);
-            }
-          }
-          state.map.fitBounds(latlngBounds);
-        },
-        error: function(e) {
-          console.log(e);
-          if (e === "NO_RESULTS") {
-            message.warning("\u67E5\u65E0\u7ED3\u679C\uFF01");
-            return;
-          }
-          message.warning("\u5730\u5740\u68C0\u7D22\u5148\u8F93\u5165\u57CE\u5E02\u540D\u79F0");
-        },
-        autoExtend: true
-      });
-    };
-    const clearOverlays = (overlays) => {
-      var overlay;
-      while (overlay = overlays.pop()) {
-        overlay.setMap(null);
-      }
-    };
-    const handleClearOverLays = () => {
-      if (state.markers && state.markers.length) {
-        clearOverlays(state.markers);
-      }
-      state.markers = [];
-    };
-    const handleGeocoder = (config = {}) => {
-      const qq = state.qq;
-      const latLng = config.latLng;
-      const geocoder = new qq.maps.Geocoder();
-      geocoder.setComplete((result) => {
-        if (result.type === "GEO_INFO") {
-          var latlngBounds = new qq.maps.LatLngBounds();
-          var nearPois = result.detail.nearPois || [];
-          handleClearOverLays();
-          state.addressList = nearPois || [];
-          for (let index = 0; index < nearPois.length; index++) {
-            const pois = nearPois[index];
-            var marker = new qq.maps.Marker({
-              map: state.map
-            });
-            marker.setPosition(pois.latLng);
-            marker.setTitle(index + 1);
-            state.markers.push(marker);
-            latlngBounds.extend(pois.latLng);
-          }
-          state.map.fitBounds(latlngBounds);
-        }
-        var location = result.detail.location || {};
-        hdnelSetMapcenter(location);
-      });
-      geocoder.setError(function() {
-        alert("\u51FA\u9519\u4E86\uFF0C\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u7ECF\u7EAC\u5EA6\uFF01\uFF01\uFF01");
-      });
-      geocoder.getAddress(latLng);
-    };
-    const init = () => {
-      const qq = state.qq;
-      qq.maps.event.addDomListener(state.map, "click", function(event) {
-        handleGeocoder({ latLng: event.latLng });
-      });
-    };
-    const searchKeyword = () => {
-      let value = state.searchKey;
-      if (!value)
-        return;
-      if (state.markers && state.markers.length) {
-        clearOverlays(state.markers);
-      }
-      state.searchService.setLocation("");
-      state.searchService.setPageCapacity(50);
-      state.searchService.search(value);
-    };
-    const selectLocation = (item, tag) => {
-      const qq = state.qq;
-      const { name, address, latLng } = item;
-      const { lat, lng } = latLng;
-      const geocoder = new qq.maps.Geocoder();
-      geocoder.setComplete(function(result) {
-        if (result.type === "GEO_INFO") {
-          const {
-            addressComponents: { province, city, district, country }
-          } = result.detail;
-          const emitData = JSON.stringify({
-            name,
-            address,
-            province,
-            city,
-            district,
-            country,
-            lat,
-            lng
-          });
-          emit("selectLocation", {
-            locationProp: emitData,
-            isInit: false
-          });
-        }
-      });
-      geocoder.setError(function() {
-        alert("\u51FA\u9519\u4E86\uFF0C\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u7ECF\u7EAC\u5EA6\uFF01\uFF01\uFF01");
-      });
-      geocoder.getAddress(latLng);
-    };
-    const setMap = (qq) => {
-      var myLatlng = new qq.maps.LatLng(39.916527, 116.397128);
-      var myOptions = {
-        zoom: 12,
-        center: myLatlng,
-        mapTypeId: qq.maps.MapTypeId.ROADMAP
-      };
-      state.map = new qq.maps.Map(document.getElementById("map-core"), myOptions);
-      const { lat, lng, address } = calculateLocationProp.value || {};
-      if (lat && lng) {
-        const new_opint = new qq.maps.LatLng(lat, lng);
-        handleGeocoder({ latLng: new_opint });
-      } else if (address) {
-        setTimeout(() => {
-          searchKeyword();
-        }, 300);
-      } else {
-        getLocation();
-      }
-      init();
-    };
-    const initMap = (qq) => {
-      state.qq = qq;
-      setTimeout(() => {
-        setMap(qq);
-        initSearch();
-      }, 0);
-    };
-    const getMapScript = () => {
-      var _a, _b;
-      let _win = window;
-      if (!_win.qq) {
-        const ak = props.ak || ((_b = (_a = _win._qq) == null ? void 0 : _a.call(_win)) == null ? void 0 : _b.ak);
-        _win.qq = {};
-        _win.qq._preloader = new Promise((resolve) => {
-          _win._initBaiduMap = function() {
-            resolve(_win.qq);
-            _win.document.body.removeChild($script);
-            _win.qq._preloader = null;
-            _win._initBaiduMap = null;
-          };
-          const $script = document.createElement("script");
-          window.document.body.appendChild($script);
-          $script.src = `https://map.qq.com/api/js?v=2.exp&key=${ak}&callback=_initBaiduMap`;
-          const $script1 = document.createElement("script");
-          window.document.body.appendChild($script1);
-          $script1.src = `https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js`;
-        });
-        return _win.qq._preloader;
-      } else if (!_win.qq._preloader) {
-        return Promise.resolve(_win.qq);
-      } else {
-        return _win.qq._preloader;
-      }
-    };
-    const reset = () => {
-      getMapScript().then(initMap);
-    };
-    onMounted(() => {
-      setTimeout(() => {
-        reset();
-      }, 200);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(NInput), {
-              value: state.searchKey,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.searchKey = $event),
-              placeholder: "\u8BF7\u8F93\u5165\u5730\u5740",
-              "enter-button": "\u68C0\u7D22"
-            }, null, 8, ["value"]),
-            createElementVNode("span", _hoisted_4, [
-              createVNode(unref(NButton), {
-                type: "primary",
-                size: "small",
-                onClick: searchKeyword
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("\u68C0\u7D22")
-                ]),
-                _: 1
-              })
-            ])
-          ])
-        ]),
-        _hoisted_5,
-        state.addressList && state.addressList.length ? (openBlock(), createElementBlock("ul", _hoisted_6, [
-          createElementVNode("li", null, [
-            createTextVNode(" \u5730\u5740:" + toDisplayString(unref(defAdress)) + " ", 1),
-            createVNode(unref(NButton), {
-              type: "primary",
-              size: "small",
-              onClick: _cache[1] || (_cache[1] = ($event) => selectLocation(state.addressList[0]))
-            }, {
-              default: withCtx(() => [
-                createTextVNode("\u786E\u5B9A")
-              ]),
-              _: 1
-            })
-          ]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(state.addressList, (item, index) => {
-            return openBlock(), createElementBlock("li", {
-              class: "address-item",
-              key: index
-            }, [
-              createElementVNode("div", {
-                onClick: ($event) => selectLocation(item)
-              }, [
-                createElementVNode("div", _hoisted_8, toDisplayString(item.name), 1),
-                createElementVNode("span", null, toDisplayString(item.address), 1)
-              ], 8, _hoisted_7)
-            ]);
-          }), 128))
-        ])) : createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Map.vue"]]);
-
-export { script as default };
+import{defineComponent as e,reactive as a,computed as t,onMounted as n,openBlock as s,createElementBlock as o,createElementVNode as r,createVNode as l,unref as i,withCtx as c,createTextVNode as p,toDisplayString as d,Fragment as m,renderList as u,createCommentVNode as g}from"vue";import{useMessage as v,NInput as q,NButton as L}from"naive-ui";import h from"../../../_virtual/plugin-vue_export-helper.js";const f={class:"c-map"},y={class:"search-container"},k={class:"map-input-search"},w={class:"input-addon"},_=r("div",{id:"map-core"},null,-1),S={key:0,class:"address-list"},P=["onClick"],C={class:"title"};var M=h(e({__name:"Map",props:{locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["selectLocation"],setup(e,{emit:h}){const M=e,O=a({qq:null,searchKey:"",centrePoint:{},location:{lng:"",lat:""},localObj:{},map:null,ac:null,addressList:[],markers:[],timeout:null,searchService:null,geocoder:{}}),T=t((()=>{var e,a;return null==(a=null==(e=O.addressList)?void 0:e[0])?void 0:a.name})),I=t((()=>M.locationProp&&JSON.parse(M.locationProp)||null)),B=v(),E=e=>{if(e&&"geolocation"==e.module){O.location.lng=e.lng,O.location.lat=e.lat;const a=new O.qq.maps.LatLng(e.lat,e.lng);x({latLng:a}),K({lat:e.lat,lng:e.lng})}else console.log("用户不允许获取地理位置"),O.location.lng=113.275,O.location.lat=23.117},K=e=>{const a=O.qq;var t=new a.maps.LatLng(e.lat,e.lng);O.centrePoint=t,O.map.panTo(t);const n=new a.maps.Marker({position:t,map:O.map});O.markers.push(n)},N=e=>{for(var a;a=e.pop();)a.setMap(null)},b=()=>{O.markers&&O.markers.length&&N(O.markers),O.markers=[]},x=(e={})=>{const a=O.qq,t=e.latLng,n=new a.maps.Geocoder;n.setComplete((e=>{if("GEO_INFO"===e.type){var t=new a.maps.LatLngBounds,n=e.detail.nearPois||[];b(),O.addressList=n||[];for(let e=0;e<n.length;e++){const o=n[e];var s=new a.maps.Marker({map:O.map});s.setPosition(o.latLng),s.setTitle(e+1),O.markers.push(s),t.extend(o.latLng)}O.map.fitBounds(t)}var o=e.detail.location||{};K(o)})),n.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),n.getAddress(t)},A=()=>{let e=O.searchKey;e&&(O.markers&&O.markers.length&&N(O.markers),O.searchService.setLocation(""),O.searchService.setPageCapacity(50),O.searchService.search(e))},G=(e,a)=>{const t=O.qq,{name:n,address:s,latLng:o}=e,{lat:r,lng:l}=o,i=new t.maps.Geocoder;i.setComplete((function(e){if("GEO_INFO"===e.type){const{addressComponents:{province:a,city:t,district:o,country:i}}=e.detail,c=JSON.stringify({name:n,address:s,province:a,city:t,district:o,country:i,lat:r,lng:l});h("selectLocation",{locationProp:c,isInit:!1})}})),i.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),i.getAddress(o)},j=e=>{var a={zoom:12,center:new e.maps.LatLng(39.916527,116.397128),mapTypeId:e.maps.MapTypeId.ROADMAP};O.map=new e.maps.Map(document.getElementById("map-core"),a);const{lat:t,lng:n,address:s}=I.value||{};if(t&&n){const a=new e.maps.LatLng(t,n);x({latLng:a})}else s?setTimeout((()=>{A()}),300):new O.qq.maps.Geolocation(M.ak,"qqmap").getLocation(E,(function(e){console.log(e)}),{timeout:9e3});O.qq.maps.event.addDomListener(O.map,"click",(function(e){x({latLng:e.latLng})}))},J=e=>{O.qq=e,setTimeout((()=>{j(e),(()=>{const e=O.qq;O.searchService=new e.maps.SearchService({complete:function(a){var t,n,s=a.detail.pois||[],o=new e.maps.LatLngBounds;if("CITY_LIST"===a.type)return O.searchService.setLocation(a.detail.cities[0].cityName),void O.searchService.search(O.searchKey);if(O.addressList=s||[],b(),"POI_LIST"===a.type)for(var r=0,l=s.length;r<l;r++){var i=s[r];o.extend(i.latLng),t=r,n=void 0,(n=new e.maps.Marker({map:O.map})).setPosition(s[t].latLng),n.setTitle(r+1),O.markers.push(n)}O.map.fitBounds(o)},error:function(e){console.log(e),"NO_RESULTS"!==e?B.warning("地址检索先输入城市名称"):B.warning("查无结果！")},autoExtend:!0})})()}),0)},Y=()=>{(()=>{var e,a;let t=window;if(t.qq)return t.qq._preloader?t.qq._preloader:Promise.resolve(t.qq);{const n=M.ak||(null==(a=null==(e=t._qq)?void 0:e.call(t))?void 0:a.ak);return t.qq={},t.qq._preloader=new Promise((e=>{t._initBaiduMap=function(){e(t.qq),t.document.body.removeChild(a),t.qq._preloader=null,t._initBaiduMap=null};const a=document.createElement("script");window.document.body.appendChild(a),a.src=`https://map.qq.com/api/js?v=2.exp&key=${n}&callback=_initBaiduMap`;const s=document.createElement("script");window.document.body.appendChild(s),s.src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"})),t.qq._preloader}})().then(J)};return n((()=>{setTimeout((()=>{Y()}),200)})),(e,a)=>(s(),o("div",f,[r("div",y,[r("div",k,[l(i(q),{value:O.searchKey,"onUpdate:value":a[0]||(a[0]=e=>O.searchKey=e),placeholder:"请输入地址","enter-button":"检索"},null,8,["value"]),r("span",w,[l(i(L),{type:"primary",size:"small",onClick:A},{default:c((()=>[p("检索")])),_:1})])])]),_,O.addressList&&O.addressList.length?(s(),o("ul",S,[r("li",null,[p(" 地址:"+d(i(T))+" ",1),l(i(L),{type:"primary",size:"small",onClick:a[1]||(a[1]=e=>G(O.addressList[0]))},{default:c((()=>[p("确定")])),_:1})]),(s(!0),o(m,null,u(O.addressList,((e,a)=>(s(),o("li",{class:"address-item",key:a},[r("div",{onClick:a=>G(e)},[r("div",C,d(e.name),1),r("span",null,d(e.address),1)],8,P)])))),128))])):g("v-if",!0)]))}}),[["__file","Map.vue"]]);export{M as default};

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};