cnhis-design-vue 3.1.5 → 3.1.6

package/es/packages/map/src/Map.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1 @@
+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 d,toDisplayString as p,Fragment as m,renderList as u,createCommentVNode as g}from"vue";import{useMessage as v,NInput as q,NButton as L}from"naive-ui";const h={class:"c-map"},y={class:"search-container"},f={class:"map-input-search"},k={class:"input-addon"},w=d("检索"),S=r("div",{id:"map-core"},null,-1),P={key:0,class:"address-list"},_=d("确定"),C=["onClick"],O={class:"title"};var T=e({name:"Map",props:{locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["selectLocation"],setup(e,{emit:T}){const M=e,I=a({qq:null,searchKey:"",centrePoint:{},location:{lng:"",lat:""},localObj:{},map:null,ac:null,addressList:[],markers:[],timeout:null,searchService:null,geocoder:{}}),B=t((()=>{var e,a;return null==(a=null==(e=I.addressList)?void 0:e[0])?void 0:a.name})),E=t((()=>M.locationProp&&JSON.parse(M.locationProp)||null)),K=v(),N=e=>{if(e&&"geolocation"==e.module){I.location.lng=e.lng,I.location.lat=e.lat;const a=new I.qq.maps.LatLng(e.lat,e.lng);G({latLng:a}),b({lat:e.lat,lng:e.lng})}else console.log("用户不允许获取地理位置"),I.location.lng=113.275,I.location.lat=23.117},b=e=>{const a=I.qq;var t=new a.maps.LatLng(e.lat,e.lng);I.centrePoint=t,I.map.panTo(t);const n=new a.maps.Marker({position:t,map:I.map});I.markers.push(n)},x=e=>{for(var a;a=e.pop();)a.setMap(null)},A=()=>{I.markers&&I.markers.length&&x(I.markers),I.markers=[]},G=(e={})=>{const a=I.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||[];A(),I.addressList=n||[];for(let e=0;e<n.length;e++){const o=n[e];var s=new a.maps.Marker({map:I.map});s.setPosition(o.latLng),s.setTitle(e+1),I.markers.push(s),t.extend(o.latLng)}I.map.fitBounds(t)}var o=e.detail.location||{};b(o)})),n.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),n.getAddress(t)},J=()=>{let e=I.searchKey;e&&(I.markers&&I.markers.length&&x(I.markers),I.searchService.setLocation(""),I.searchService.setPageCapacity(50),I.searchService.search(e))},Y=(e,a)=>{const t=I.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});T("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};I.map=new e.maps.Map(document.getElementById("map-core"),a);const{lat:t,lng:n,address:s}=E.value||{};if(t&&n){const a=new e.maps.LatLng(t,n);G({latLng:a})}else s?setTimeout((()=>{J()}),300):new I.qq.maps.Geolocation(M.ak,"qqmap").getLocation(N,(function(e){console.log(e)}),{timeout:9e3});I.qq.maps.event.addDomListener(I.map,"click",(function(e){G({latLng:e.latLng})}))},z=e=>{I.qq=e,setTimeout((()=>{j(e),(()=>{const e=I.qq;I.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 I.searchService.setLocation(a.detail.cities[0].cityName),void I.searchService.search(I.searchKey);if(I.addressList=s||[],A(),"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:I.map})).setPosition(s[t].latLng),n.setTitle(r+1),I.markers.push(n)}I.map.fitBounds(o)},error:function(e){console.log(e),"NO_RESULTS"!==e?K.warning("地址检索先输入城市名称"):K.warning("查无结果！")},autoExtend:!0})})()}),0)},D=()=>{(()=>{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(z)};return n((()=>{setTimeout((()=>{D()}),200)})),(e,a)=>(s(),o("div",h,[r("div",y,[r("div",f,[l(i(q),{value:I.searchKey,"onUpdate:value":a[0]||(a[0]=e=>I.searchKey=e),placeholder:"请输入地址","enter-button":"检索"},null,8,["value"]),r("span",k,[l(i(L),{type:"primary",size:"small",onClick:J},{default:c((()=>[w])),_:1})])])]),S,I.addressList&&I.addressList.length?(s(),o("ul",P,[r("li",null,[d(" 地址:"+p(i(B))+" ",1),l(i(L),{type:"primary",size:"small",onClick:a[1]||(a[1]=e=>Y(I.addressList[0]))},{default:c((()=>[_])),_:1})]),(s(!0),o(m,null,u(I.addressList,((e,a)=>(s(),o("li",{class:"address-item",key:a},[r("div",{onClick:a=>Y(e)},[r("div",O,p(e.name),1),r("span",null,p(e.address),1)],8,C)])))),128))])):g("v-if",!0)]))}});export{T as default};

package/es/packages/map/src/Map2.mjs

@@ -0,0 +1 @@
+import e from"./Map.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./Map.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/map/src/Map.vue";

package/es/packages/map/style/index.css

@@ -0,0 +1,61 @@
+.c-map {
+  width: 100%;
+  min-height: 500px;
+  height: 100%;
+  overflow: hidden;
+  text-align: left;
+}
+.c-map ul,
+.c-map li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.c-map #map-core {
+  width: 100%;
+  height: 250px;
+}
+.c-map .search-container {
+  margin-top: 20px;
+  height: 40px;
+}
+.c-map .search-container .map-input-search {
+  display: flex;
+}
+.c-map .search-container .map-input-search .n-input {
+  height: 32px;
+  line-height: 32px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.c-map .search-container .map-input-search .input-addon {
+  height: 32px;
+  line-height: 32px;
+}
+.c-map .search-container .map-input-search .input-addon .n-button {
+  height: 100%;
+  padding: 0 16px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.c-map .address-list {
+  height: calc(100% - 75px);
+  overflow-y: auto;
+}
+.c-map .address-list .address-item {
+  height: 60px;
+  cursor: pointer;
+  padding-top: 10px;
+}
+.c-map .address-list .address-item .title {
+  font-size: 16px;
+}
+.c-map .address-list .address-item span {
+  font-size: 12px;
+  color: #b9b9b9;
+}
+.c-map .address-list .address-item:first-child {
+  height: 57px;
+  padding-top: 20px;
+  line-height: 40px;
+}

package/es/packages/map/style/index.less

@@ -0,0 +1,60 @@
+.c-map {
+  width: 100%;
+  min-height: 500px;
+  height: 100%;
+  overflow: hidden;
+  text-align: left;
+  ul,li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  #map-core {
+    width: 100%;
+    height: 250px;
+  }
+  .search-container {
+    margin-top: 20px;
+    height: 40px;
+    .map-input-search {
+      display: flex;
+      .n-input {
+        height: 32px;
+        line-height: 32px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      .input-addon {
+        height: 32px;
+        line-height: 32px;
+        .n-button {
+          height: 100%;
+          padding: 0 16px;
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        }
+      }
+    }
+  }
+  .address-list {
+    height: calc(100% - 75px);
+    overflow-y: auto;
+    .address-item {
+      height: 60px;
+      cursor: pointer;
+      padding-top: 10px;
+      .title {
+        font-size: 16px;
+      }
+      span {
+        font-size: 12px;
+        color: #b9b9b9;
+      }
+      &:first-child {
+        height: 57px;
+        padding-top: 20px;
+        line-height: 40px;
+      }
+    }
+  }
+}

package/es/packages/popper/index.mjs

@@ -0,0 +1 @@
+

package/es/packages/popper/src/components/popover.mjs

@@ -0,0 +1 @@
+import"./popover2.mjs";export{default}from"./popover.vue_vue_type_script_setup_true_lang.mjs";

package/es/packages/popper/src/components/popover.vue.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { TriggerMode } from 'cnhis-design-vue/es/packages/popper/src/types';
+declare const _default: import("vue").DefineComponent<{
+    trigger: {
+        type: PropType<TriggerMode>;
+        required: true;
+    };
+    show: BooleanConstructor;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        trigger: {
+            type: PropType<TriggerMode>;
+            required: true;
+        };
+        show: BooleanConstructor;
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    visible: import("vue").Ref<boolean>;
+    referenceRef: import("vue").Ref<HTMLElement | undefined>;
+    emit: (event: "update:show", ...args: any[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: PropType<TriggerMode>;
+        required: true;
+    };
+    show: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+}>;
+export default _default;

package/es/packages/popper/src/components/popover.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1 @@
+import{defineComponent as e,watch as r,resolveComponent as o,openBlock as t,createBlock as s,mergeProps as p,unref as n,isRef as i,withCtx as u,createElementVNode as a,renderSlot as f}from"vue";import{useAutoHidden as d}from"cnhis-design-vue/es/packages/popper/src/hooks/useAutoHidden";var l=e({name:"popover",props:{trigger:{type:String,required:!0},show:Boolean},emits:["update:show"],setup(e,{emit:l}){const g=e,{visible:c,referenceRef:h}=d(g);return r(c,(e=>l("update:show",e))),(e,r)=>{const d=o("n-popover");return t(),s(d,p(e.$attrs,{show:n(c),"onUpdate:show":r[0]||(r[0]=e=>i(c)?c.value=e:null)}),{trigger:u((()=>[a("section",{ref_key:"referenceRef",ref:h},[f(e.$slots,"trigger")],512)])),default:u((()=>[f(e.$slots,"default")])),_:3},16,["show"])}}});export{l as default};

package/es/packages/popper/src/components/popover2.mjs

@@ -0,0 +1 @@
+import e from"./popover.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./popover.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/popper/src/components/popover.vue";

package/es/packages/popper/src/hooks/useAutoHidden.d.ts

@@ -0,0 +1,8 @@
+import { TriggerMode } from 'cnhis-design-vue/es/packages/popper/src/types';
+export declare function useAutoHidden(props: Readonly<{
+    trigger: TriggerMode;
+    show?: boolean;
+}>): {
+    referenceRef: import("vue").Ref<HTMLElement | undefined>;
+    visible: import("vue").Ref<boolean>;
+};

package/es/packages/popper/src/hooks/useAutoHidden.mjs

@@ -0,0 +1 @@
+export{useAutoHidden}from"./useAutoHidden2.mjs";

package/es/packages/popper/src/hooks/useAutoHidden2.mjs

@@ -0,0 +1 @@
+import{useEventListener as e}from"@vueuse/core";import{ref as o,watch as u,onMounted as n}from"vue";function a(a){const r=o(),t=o(void 0!==a.show&&a.show),i=new IntersectionObserver((function(e){if(e[0].intersectionRatio>0)return t.value=!0;t.value=!1})),c=new Set;const v={hover:function(){c.add(e(r,"mouseenter",(()=>t.value=!0))),c.add(e(r,"mouseleave",(()=>t.value=!1)))},focus:function(){c.add(e(r,"focus",(()=>t.value=!0))),c.add(e(r,"blur",(()=>t.value=!1)))},click:function(){c.add(e(r,"click",(()=>t.value=!t.value)))},manual:function(){c.add(u((()=>a.show),(e=>{t.value=e}),{immediate:!0}))}};return u((()=>a.trigger),(e=>{c.forEach((e=>e())),c.clear();const o=v[e];o&&o()}),{immediate:!0}),n((()=>{r.value&&i.observe(r.value)})),{referenceRef:r,visible:t}}export{a as useAutoHidden};

package/es/packages/popper/src/types/index.d.ts

@@ -0,0 +1 @@
+export declare type TriggerMode = 'hover' | 'click' | 'focus' | 'manual';

package/es/packages/popper/src/types/index.mjs

@@ -0,0 +1 @@
+