zhihao-ui 1.3.6 → 1.3.8

package/dist/umd/index.umd.cjs

@@ -231,7 +231,7 @@ hooks.version="2.30.1",setHookCallback(createLocal),hooks.fn=proto,hooks.min=min
                       <div>
                         <span class="text">单击继续，双击结束</span>
                     </div>
-                `)})}),draw.on("drawend",e=>{var g,y,k;if(!e.feature.getGeometry())return;storeFeature=e.feature,measureTooltipElement&&(measureTooltipElement.innerHTML+='<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'),measureTooltip.setOffset([10,0]);const n=e.feature.getGeometry(),r=n.getCoordinates(),i=r[0][r[0].length-2];if(measureTooltip.setPosition(i),helpTooltipElement!=null&&helpTooltipElement.parentNode&&helpTooltipElement.parentNode.removeChild(helpTooltipElement),(g=getProps())!=null&&g.areaDrawEnd){n.getInteriorPoint().getCoordinates();const L=r[0].map($=>transform($,projection.mercator,projection.data));(y=getProps())==null||y.areaDrawEnd(L)}draw&&(draw.setActive(!1),getInstall().removeInteraction(draw),getInstall().getInteractions().forEach($=>{$ instanceof Draw&&($.setActive(!1),getInstall().removeInteraction($))})),t&&unByKey(t),(k=document.querySelector(".delete-icon"))==null||k.addEventListener("click",()=>{var L;reset(),(L=getProps())==null||L.areaDrawEnd([])})})},computedArea=(t,e)=>{const n=getArea(t);switch(e){case"km":return n>1e4?Math.round(n/1e6*100)/100+" km<sup>2</sup>":Math.round(n*100)/100+" m<sup>2</sup>";case"nm":return n>1e4?Math.round(n/1e6/Math.pow(1.852,2)*100)/100+" nm<sup>2</sup>":Math.round(n*100)/100+" m<sup>2</sup>"}};let measureTooltipElement,measureTooltip;const createMeasureTooltip=()=>{measureTooltipElement!=null&&measureTooltipElement.parentNode&&measureTooltipElement.parentNode.removeChild(measureTooltipElement),measureTooltipElement=document.createElement("div"),measureTooltipElement.style.display="flex",measureTooltipElement.className="ol-tooltip ol-tooltip-draw-polygon",measureTooltip=new Overlay({element:measureTooltipElement,offset:[0,-15],positioning:"bottom-center",stopEvent:!1,insertFirst:!1}),getInstall().addOverlay(measureTooltip)};let helpTooltipElement,tipOverlay;const createHelpTooltip=()=>{helpTooltipElement!=null&&helpTooltipElement.parentNode&&helpTooltipElement.parentNode.removeChild(helpTooltipElement),helpTooltipElement=document.createElement("div"),helpTooltipElement.className="ol-tooltip ol-help-tooltip",tipOverlay=new Overlay({element:helpTooltipElement,offset:[15,0],positioning:"center-left"}),getInstall().addOverlay(tipOverlay)},reset=()=>{vectorSource==null||vectorSource.clear(),storeFeature=null,createMeasureTooltip(),createHelpTooltip(),initDraw()},close=()=>{const t=getInstall();vectorSource==null||vectorSource.clear(),vectorSource=null,vectorLayer&&(t.removeLayer(vectorLayer),vectorLayer=null),sketch=null,draw&&(draw=null,t.getInteractions().forEach(e=>{e instanceof Draw&&t.removeInteraction(e)})),helpTooltipElement!=null&&helpTooltipElement.parentElement&&helpTooltipElement.parentElement.removeChild(helpTooltipElement),measureTooltipElement!=null&&measureTooltipElement.parentElement&&measureTooltipElement.parentElement.removeChild(measureTooltipElement),tipOverlay&&t.removeOverlay(tipOverlay),measureTooltip&&t.removeOverlay(measureTooltip)},drawPolygon={open,close,reset};let currentTruckOverlay=null;const locationTruck=async t=>{const e=getInstall();if(!e||(console.log("vehicleInfo",t),!(t!=null&&t.lon&&(t!=null&&t.lat))))return;const n=Math.abs(Number(t.lon))>180?convertSixHundredThousandToLatLng(t.lon,t.lat):[t.lon,t.lat];drawTruckIcon(t,fromLonLat(n));const r=e.getView(),i=new Point(n);r.setCenter(transform(i.getCoordinates(),projection.data,projection.mercator))},drawTruckIcon=(t,e)=>{const n=getInstall(),r=`${CDN_URL}map/car-icon.gif`;currentTruckOverlay||(currentTruckOverlay=new Overlay({element:document.createElement("div"),positioning:"center-center",stopEvent:!1}),n.addOverlay(currentTruckOverlay));const i=currentTruckOverlay.getElement();i.style.backgroundImage=`url(${r})`,i.style.width="80px",i.style.height="80px";const g=(t==null?void 0:t.drc)||"";i.style.transform=`rotate(${g}deg)`,i.style.backgroundSize="cover",currentTruckOverlay==null||currentTruckOverlay.setPosition(e)},renderTruckTrack=(t,e,n,r=1e3)=>{renderTrackLine(t,e,n,LENGTH_UNIT.KM,"truck")},closeTruckTrack=()=>{closeTrack()},removeTruckIcon=()=>{const t=currentTruckOverlay==null?void 0:currentTruckOverlay.getElement();t&&(t.innerHTML="")},resetTrackView=t=>{setTrackViewCenter(t)},playTrack=(t,e)=>{playShipTrack(t,e)},_sfc_main$7=vue.defineComponent({__name:"Map",props:{zoom:{default:MAP_ZOOM.default},center:{default:MAP_DEFAULT_CENTER},layerType:{default:"vector"},showGreenLayer:{type:Boolean,default:!1},showScale:{type:Boolean,default:!0},scaleLineUnit:{default:"metric"},mapMoveEnd:{type:Function,default:()=>{}},lineDrawEnd:{},areaDrawEnd:{type:Function,default:()=>{}},selectShip:{type:Function,default:()=>{}},selectPort:{type:Function,default:()=>{}}},setup(t,{expose:e}){const n=vue.ref(),r=vue.ref(),i=t;return console.log(i),vue.onMounted(()=>{var y;initMap(i),setProps(i),setShowLayerType(i.layerType),setGreenTileVisible(i.showGreenLayer),(y=r.value)==null||y.setScaleLine(i.scaleLineUnit)}),e({getInstall,getZoom,setZoom,getView,setCenter,getCenter,layer:{getGreenTileVisible,setGreenTileVisible,getShowLayerType,setShowLayerType},ship:{render:renderShipList,selected:renderShipSelected,filter:filterShipShow,blinking:renderShipBlink,clear:clearShipList},track:{render:renderTrackLine,remove:removeAllTrackLayer,play:playShipTrack,setCenter:setTrackViewCenter,close:closeTrack,getLength:getTrackLength},port:{render:renderPortList,clear:clearPortList,selected:selectedPort},drawLine,drawPolygon,carTrack:{location:locationTruck,remove:removeTruckIcon,renderTrack:renderTruckTrack,setCenter:resetTrackView,closeTrack:closeTruckTrack,playTrack},utils:{getCalculateExtent:()=>{const y=getView().calculateExtent(getSize()),k=transform([y[0],y[1]],projection.mercator,projection.data),L=transform([y[2],y[3]],projection.mercator,projection.data);return[k[0],k[1],L[0],L[1]]},convertSixHundredThousandToLatLng,calculateCirclePoints}}),(y,k)=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,null,[vue.createElementVNode("div",{id:"map",ref_key:"zhMapRef",ref:n,class:"zh-map"},null,512),vue.createVNode(ScaleLine,{ref_key:"scaleLineRef",ref:r},null,512),vue.createVNode(ZoomControl,{ref:"zoomControlRef"},null,512)],64))}}),Map$1=_export_sfc(_sfc_main$7,[["__scopeId","data-v-5da7190c"]]),ZhMap=withInstall$1(Map$1);var zhCn={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};/**!
+                `)})}),draw.on("drawend",e=>{var g,y,k;if(!e.feature.getGeometry())return;storeFeature=e.feature,measureTooltipElement&&(measureTooltipElement.innerHTML+='<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'),measureTooltip.setOffset([10,0]);const n=e.feature.getGeometry(),r=n.getCoordinates(),i=r[0][r[0].length-2];if(measureTooltip.setPosition(i),helpTooltipElement!=null&&helpTooltipElement.parentNode&&helpTooltipElement.parentNode.removeChild(helpTooltipElement),(g=getProps())!=null&&g.areaDrawEnd){n.getInteriorPoint().getCoordinates();const L=r[0].map($=>transform($,projection.mercator,projection.data));(y=getProps())==null||y.areaDrawEnd(L)}draw&&(draw.setActive(!1),getInstall().removeInteraction(draw),getInstall().getInteractions().forEach($=>{$ instanceof Draw&&($.setActive(!1),getInstall().removeInteraction($))})),t&&unByKey(t),(k=document.querySelector(".delete-icon"))==null||k.addEventListener("click",()=>{var L;reset(),(L=getProps())==null||L.areaDrawEnd([])})})},computedArea=(t,e)=>{const n=getArea(t);switch(e){case"km":return n>1e4?Math.round(n/1e6*100)/100+" km<sup>2</sup>":Math.round(n*100)/100+" m<sup>2</sup>";case"nm":return n>1e4?Math.round(n/1e6/Math.pow(1.852,2)*100)/100+" nm<sup>2</sup>":Math.round(n*100)/100+" m<sup>2</sup>"}};let measureTooltipElement,measureTooltip;const createMeasureTooltip=()=>{measureTooltipElement!=null&&measureTooltipElement.parentNode&&measureTooltipElement.parentNode.removeChild(measureTooltipElement),measureTooltipElement=document.createElement("div"),measureTooltipElement.style.display="flex",measureTooltipElement.className="ol-tooltip ol-tooltip-draw-polygon",measureTooltip=new Overlay({element:measureTooltipElement,offset:[0,-15],positioning:"bottom-center",stopEvent:!1,insertFirst:!1}),getInstall().addOverlay(measureTooltip)};let helpTooltipElement,tipOverlay;const createHelpTooltip=()=>{helpTooltipElement!=null&&helpTooltipElement.parentNode&&helpTooltipElement.parentNode.removeChild(helpTooltipElement),helpTooltipElement=document.createElement("div"),helpTooltipElement.className="ol-tooltip ol-help-tooltip",tipOverlay=new Overlay({element:helpTooltipElement,offset:[15,0],positioning:"center-left"}),getInstall().addOverlay(tipOverlay)},reset=()=>{vectorSource==null||vectorSource.clear(),storeFeature=null,createMeasureTooltip(),createHelpTooltip(),initDraw()},close=()=>{const t=getInstall();vectorSource==null||vectorSource.clear(),vectorSource=null,vectorLayer&&(t.removeLayer(vectorLayer),vectorLayer=null),sketch=null,draw&&(draw=null,t.getInteractions().forEach(e=>{e instanceof Draw&&t.removeInteraction(e)})),helpTooltipElement!=null&&helpTooltipElement.parentElement&&helpTooltipElement.parentElement.removeChild(helpTooltipElement),measureTooltipElement!=null&&measureTooltipElement.parentElement&&measureTooltipElement.parentElement.removeChild(measureTooltipElement),tipOverlay&&t.removeOverlay(tipOverlay),measureTooltip&&t.removeOverlay(measureTooltip)},drawPolygon={open,close,reset};let currentTruckOverlay=null;const locationTruck=async t=>{const e=getInstall();if(!e||(console.log("vehicleInfo",t),!(t!=null&&t.lon&&(t!=null&&t.lat))))return;const n=Math.abs(Number(t.lon))>180?convertSixHundredThousandToLatLng(t.lon,t.lat):[t.lon,t.lat];drawTruckIcon(t,fromLonLat(n));const r=e.getView(),i=new Point(n);r.setCenter(transform(i.getCoordinates(),projection.data,projection.mercator))},drawTruckIcon=(t,e)=>{const n=getInstall(),r=`${CDN_URL}map/car-icon.gif`;currentTruckOverlay||(currentTruckOverlay=new Overlay({element:document.createElement("div"),positioning:"center-center",stopEvent:!1}),n.addOverlay(currentTruckOverlay));const i=currentTruckOverlay.getElement();i.style.backgroundImage=`url(${r})`,i.style.width="80px",i.style.height="80px";const g=(t==null?void 0:t.drc)||"";i.style.transform=`rotate(${g}deg)`,i.style.backgroundSize="cover",currentTruckOverlay==null||currentTruckOverlay.setPosition(e)},renderTruckTrack=(t,e,n,r=1e3)=>{renderTrackLine(t,e,n,LENGTH_UNIT.KM,"truck")},closeTruckTrack=()=>{closeTrack()},removeTruckIcon=()=>{const t=currentTruckOverlay==null?void 0:currentTruckOverlay.getElement();t&&(t.innerHTML="")},resetTrackView=t=>{setTrackViewCenter(t)},playTrack=(t,e)=>{playShipTrack(t,e)},_sfc_main$7=vue.defineComponent({__name:"Map",props:{zoom:{default:MAP_ZOOM.default},center:{default:MAP_DEFAULT_CENTER},layerType:{default:"vector"},showGreenLayer:{type:Boolean,default:!1},showScale:{type:Boolean,default:!0},scaleLineUnit:{default:"metric"},mapMoveEnd:{type:Function,default:()=>{}},lineDrawEnd:{},areaDrawEnd:{type:Function,default:()=>{}},selectShip:{type:Function,default:()=>{}},selectPort:{type:Function,default:()=>{}}},setup(t,{expose:e}){const n=vue.ref(),r=vue.ref(),i=t;console.log(i),vue.onMounted(()=>{var y;initMap(i),setProps(i),setShowLayerType(i.layerType),setGreenTileVisible(i.showGreenLayer),(y=r.value)==null||y.setScaleLine(i.scaleLineUnit)});const g=()=>{const y=getView().calculateExtent(getSize()),k=transform([y[0],y[1]],projection.mercator,projection.data),L=transform([y[2],y[3]],projection.mercator,projection.data);return[k[0],k[1],L[0],L[1]]};return e({getInstall,getZoom,setZoom,getView,setCenter,getCenter,layer:{getGreenTileVisible,setGreenTileVisible,getShowLayerType,setShowLayerType},ship:{render:renderShipList,selected:renderShipSelected,filter:filterShipShow,blinking:renderShipBlink,clear:clearShipList},track:{render:renderTrackLine,remove:removeAllTrackLayer,play:playShipTrack,setCenter:setTrackViewCenter,close:closeTrack,getLength:getTrackLength},port:{render:renderPortList,clear:clearPortList,selected:selectedPort},location:{...location},drawLine,drawPolygon,carTrack:{location:locationTruck,remove:removeTruckIcon,renderTrack:renderTruckTrack,setCenter:resetTrackView,closeTrack:closeTruckTrack,playTrack},utils:{getCalculateExtent:g,convertSixHundredThousandToLatLng,calculateCirclePoints}}),(y,k)=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,null,[vue.createElementVNode("div",{id:"map",ref_key:"zhMapRef",ref:n,class:"zh-map"},null,512),vue.createVNode(ScaleLine,{ref_key:"scaleLineRef",ref:r},null,512),vue.createVNode(ZoomControl,{ref:"zoomControlRef"},null,512)],64))}}),Map$1=_export_sfc(_sfc_main$7,[["__scopeId","data-v-721ece04"]]),ZhMap=withInstall$1(Map$1);var zhCn={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};/**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zhihao-ui",
-    "version": "1.3.6",
+    "version": "1.3.8",
     "description": "components",
     "type": "module",
     "main": "./dist/umd/index.umd.cjs",

package/dist/types/components/Map/utils/util.d.ts

@@ -1,42 +0,0 @@
-import { LineString } from 'ol/geom';
-import { Style } from 'ol/style';
-
-/**
- * 通过圆心和半径计算区域范围 输出为矩形
- * @param center 圆心坐标
- * @param radiusInKilometers 距离 单位：公里
- */
-export declare const calculateCirclePoints: (center: [number, number], radiusInKilometers: number) => {
-    leftTopPoint: {
-        lng: number;
-        lat: number;
-    };
-    rightTopPoint: {
-        lng: number;
-        lat: number;
-    };
-    rightBottomPoint: {
-        lng: number;
-        lat: number;
-    };
-    leftBottomPoint: {
-        lng: number;
-        lat: number;
-    };
-};
-/**
- * 计算多段线距离.
- * @param {LineString} line The line.
- * @param unit
- * @return {string} The formatted length.
- */
-export declare const formatLength: (line: LineString, unit: number) => string;
-export declare function lonLatToMercator(center: [number, number]): number[];
-export declare function getIconFont(unicode?: string): any;
-export declare const getIconStyle: (symbol: string) => Style;
-export declare const mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
-    lon: number;
-    lat: number;
-};
-export declare const adjustBounds: (bounds: number[], offsets: number[]) => number[];
-export declare const isOverlapping: (bounds1: number[], bounds2: number[]) => boolean;