cnhis-design-vue 3.1.6-beta.1 → 3.1.7

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

@@ -1 +1,336 @@
-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};
+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';
+
+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__ */ createTextVNode("\u68C0\u7D22");
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { id: "map-core" }, null, -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "address-list"
+};
+const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "title" };
+var script = /* @__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(() => [
+                  _hoisted_5
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _hoisted_6,
+        state.addressList && state.addressList.length ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+          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(() => [
+                _hoisted_8
+              ]),
+              _: 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_10, toDisplayString(item.name), 1),
+                createElementVNode("span", null, toDisplayString(item.address), 1)
+              ], 8, _hoisted_9)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { script as default };

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

@@ -1 +1,4 @@
-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";
+import script from './Map.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './Map.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/map/src/Map.vue";

package/es/packages/scale-view/index.mjs

@@ -1 +1 @@
-export{CCheckbox,CDatetime,CRadio,CScaleView,CSelect}from"./index2.mjs";
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect } from './index2.mjs';

package/es/packages/scale-view/index2.mjs

@@ -1 +1,35 @@
-import{KEY_COMPONENT_NAME as o}from"cnhis-design-vue/es/src/global/variable";import{loadViewer as r,safeComponentRegister as t,getComponentName as m}from"cnhis-design-vue/es/src/utils";import"./src/ScaleView2.mjs";import s from"./src/components/formitem/r-radio2.mjs";import i from"./src/components/formitem/r-checkbox2.mjs";import e from"./src/components/formitem/r-select2.mjs";import n from"./src/components/formitem/r-datetime2.mjs";import c from"./src/ScaleView.vue_vue_type_script_setup_true_lang.mjs";const l=c,f=s,p=i,a=e,u=n;l.install=function(s){r(s),t(s,l,o+m(l))},f.install=function(s){r(s),t(s,f,o+m(f))},p.install=function(s){r(s),t(s,p,o+m(p))},a.install=function(r){t(r,a,o+m(a))},u.install=function(r){t(r,u,o+m(u))};export{p as CCheckbox,u as CDatetime,f as CRadio,l as CScaleView,a as CSelect};
+import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister, getComponentName } from 'cnhis-design-vue/es/src/utils';
+import { loadViewer } from 'cnhis-design-vue/es/src/utils/loadViewer';
+import './src/ScaleView2.mjs';
+import scriptRadio from './src/components/formitem/r-radio2.mjs';
+import scriptCheckbox from './src/components/formitem/r-checkbox2.mjs';
+import scriptSelect from './src/components/formitem/r-select2.mjs';
+import scriptDatetime from './src/components/formitem/r-datetime2.mjs';
+import script from './src/ScaleView.vue_vue_type_script_setup_true_lang.mjs';
+
+const CScaleView = script;
+const CRadio = scriptRadio;
+const CCheckbox = scriptCheckbox;
+const CSelect = scriptSelect;
+const CDatetime = scriptDatetime;
+CScaleView.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CScaleView, KEY_COMPONENT_NAME + getComponentName(CScaleView));
+};
+CRadio.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CRadio, KEY_COMPONENT_NAME + getComponentName(CRadio));
+};
+CCheckbox.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CCheckbox, KEY_COMPONENT_NAME + getComponentName(CCheckbox));
+};
+CSelect.install = function(app) {
+  safeComponentRegister(app, CSelect, KEY_COMPONENT_NAME + getComponentName(CSelect));
+};
+CDatetime.install = function(app) {
+  safeComponentRegister(app, CDatetime, KEY_COMPONENT_NAME + getComponentName(CDatetime));
+};
+
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect };

package/es/packages/scale-view/src/ScaleView.mjs

@@ -1 +1,2 @@
-import"./ScaleView2.mjs";export{default}from"./ScaleView.vue_vue_type_script_setup_true_lang.mjs";
+import './ScaleView2.mjs';
+export { default } from './ScaleView.vue_vue_type_script_setup_true_lang.mjs';