@mapgis/webclient-cesium-plugin 17.0.4 → 17.0.5

package/documention/module-%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%8F%AF%E8%A7%86%E5%8C%96.MapVLayer.html

@@ -73,13 +73,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="map"><code>map</code></td>
+      <td class="name"><code>map</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Object</span>
+<span class="param-type">
+    
+             Object
+    
+</span>
 
 
 
@@ -102,13 +106,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="dataset"><code>dataset</code></td>
+      <td class="name"><code>dataset</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">MapvDataSet</span>
+<span class="param-type">
+    
+             MapvDataSet
+    
+</span>
 
 
 
@@ -131,13 +139,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="mapVOptions"><code>mapVOptions</code></td>
+      <td class="name"><code>mapVOptions</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">MapvOption</span>
+<span class="param-type">
+    
+             MapvOption
+    
+</span>
 
 
 
@@ -158,13 +170,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="cesium"><code>cesium</code></td>
+      <td class="name"><code>cesium</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Object</span>
+<span class="param-type">
+    
+             Object
+    
+</span>
 
 
 
@@ -185,13 +201,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="cesium.postRender"><code>cesium.postRender</code></td>
+      <td class="name"><code>cesium.postRender</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Boolean</span>
+<span class="param-type">
+    
+             Boolean
+    
+</span>
 
 
 
@@ -219,13 +239,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="mapVOptionscesium.cesium.postRenderFrame"><code>mapVOptionscesium.cesium.postRenderFrame</code></td>
+      <td class="name"><code>mapVOptionscesium.cesium.postRenderFrame</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Boolean</span>
+<span class="param-type">
+    
+             Boolean
+    
+</span>
 
 
 
@@ -250,13 +274,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="container"><code>container</code></td>
+      <td class="name"><code>container</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Element</span>
+<span class="param-type">
+    
+             Element
+    
+</span>
 
 
 
@@ -584,13 +612,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="data"><code>data</code></td>
+      <td class="name"><code>data</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Array</span>
+<span class="param-type">
+    
+             Array
+    
+</span>
 
 
 
@@ -609,13 +641,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="options"><code>options</code></td>
+      <td class="name"><code>options</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Object</span>
+<span class="param-type">
+    
+             Object
+    
+</span>
 
 
 
@@ -670,7 +706,7 @@
     <dt class="tag-see">See:</dt>
     <dd class="tag-see">
         <ul>
-            <li><a class="mapgis-link-name" title="https://github.com/huiyan-fe/mapv/blob/master/API.md" https://github.com/huiyan-fe/mapv/blob/master/API.md>https://github.com/huiyan-fe/mapv/blob/master/API.md</a></li>
+            <li>https://github.com/huiyan-fe/mapv/blob/master/API.md</li>
         </ul>
     </dd>
     
@@ -939,13 +975,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="data"><code>data</code></td>
+      <td class="name"><code>data</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Array</span>
+<span class="param-type">
+    
+             Array
+    
+</span>
 
 
 
@@ -964,13 +1004,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="options"><code>options</code></td>
+      <td class="name"><code>options</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Object</span>
+<span class="param-type">
+    
+             Object
+    
+</span>
 
 
 
@@ -1025,7 +1069,7 @@
     <dt class="tag-see">See:</dt>
     <dd class="tag-see">
         <ul>
-            <li><a class="mapgis-link-name" title="https://github.com/huiyan-fe/mapv/blob/master/API.md" https://github.com/huiyan-fe/mapv/blob/master/API.md>https://github.com/huiyan-fe/mapv/blob/master/API.md</a></li>
+            <li>https://github.com/huiyan-fe/mapv/blob/master/API.md</li>
         </ul>
     </dd>
     
@@ -1567,13 +1611,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="data"><code>data</code></td>
+      <td class="name"><code>data</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Array</span>
+<span class="param-type">
+    
+             Array
+    
+</span>
 
 
 
@@ -1592,13 +1640,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="options"><code>options</code></td>
+      <td class="name"><code>options</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Object</span>
+<span class="param-type">
+    
+             Object
+    
+</span>
 
 
 
@@ -1653,7 +1705,7 @@
     <dt class="tag-see">See:</dt>
     <dd class="tag-see">
         <ul>
-            <li><a class="mapgis-link-name" title="https://github.com/huiyan-fe/mapv/blob/master/API.md" https://github.com/huiyan-fe/mapv/blob/master/API.md>https://github.com/huiyan-fe/mapv/blob/master/API.md</a></li>
+            <li>https://github.com/huiyan-fe/mapv/blob/master/API.md</li>
         </ul>
     </dd>
     

package/documention/module.exports_module.exports.html

@@ -69,13 +69,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="map"><code>map</code></td>
+      <td class="name"><code>map</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Cesium.Viewer</span>
+<span class="param-type">
+    
+             Cesium.Viewer
+    
+</span>
 
 
 
@@ -98,13 +102,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="options"><code>options</code></td>
+      <td class="name"><code>options</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">*</span>
+<span class="param-type">
+    
+             *
+    
+</span>
 
 
 
@@ -125,13 +133,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="postRender"><code>postRender</code></td>
+      <td class="name"><code>postRender</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Boolean</span>
+<span class="param-type">
+    
+             Boolean
+    
+</span>
 
 
 
@@ -154,13 +166,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="visible"><code>visible</code></td>
+      <td class="name"><code>visible</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Boolean</span>
+<span class="param-type">
+    
+             Boolean
+    
+</span>
 
 
 
@@ -183,13 +199,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="opacity"><code>opacity</code></td>
+      <td class="name"><code>opacity</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -217,13 +237,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="container"><code>container</code></td>
+      <td class="name"><code>container</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">HTMLElement</span>
+<span class="param-type">
+    
+             HTMLElement
+    
+</span>
 
 
 

package/documention/scripts/sideBar.js

@@ -3,17 +3,65 @@ function toggleSideBar(id) {
   _dom.style.display = _dom.style.display === 'block' ? 'none' : 'block'
 }
 
+function showSideBar(id) {
+  var _dom = document.getElementById(id)
+  _dom.style.display = 'block'
+}
+
+var lastClickClassId
+function highLightClickClass(currentId) {
+  var _dom2 = document.getElementById(currentId)
+  _dom2.style.color = '#ffa83df5'
+  _dom2.style.fontWeight="900"
+  if (lastClickClassId && lastClickClassId !== currentId) {
+    var _dom3 = document.getElementById(lastClickClassId)
+    _dom3.style.color = '#798897'
+    _dom3.style.fontWeight="400"
+  }
+  lastClickClassId = currentId
+}
+
+var lastClickClassTarget
+function highLightClickClassByTarget(target) {
+  target.style.color = '#ffa83df5'
+  target.style.fontWeight="900"
+  if (lastClickClassTarget && lastClickClassTarget.getAttribute('title') !== target.getAttribute('title')) {
+    lastClickClassTarget.style.color = '#798897'
+    lastClickClassTarget.style.fontWeight="400"
+  }
+  lastClickClassTarget = target
+}
+
 function toggleLinkDetail(id) {
   var _dom = document.getElementById(id)
   var _arrow = document.getElementById(id + '-arrow')
   _arrow.style.transform = _dom.style.display === 'block' ? 'rotate(360deg)' : 'rotate(180deg)'
   _dom.style.display = _dom.style.display === 'block' ? 'none' : 'block'
+  if (_dom.style.display === 'block') {
+    highLightClickClass(id.split('-')[0])
+  }
+}
+
+function showLinkDetail(id) {
+  var _dom = document.getElementById(id)
+  var _arrow = document.getElementById(id + '-arrow')
+  _arrow.style.transform = 'rotate(360deg)'
+  _dom.style.display = 'block'
 }
 
 function getTypeHTML(e) {
   var link = e.target.getAttribute('link')
   var goto = e.target.getAttribute('goto')
-  const _baseUrl = getBaseUrl(window.location.href)
+  const attributes = e.target.attributes
+  for (let i = 0; i < attributes.length; i++) {
+    const { name } =  attributes[i]
+    if (name.indexOf('global.html') > -1) {
+      goto = link.split('.')[0]
+      link = 'global.html'
+      break
+    }
+  }
+  const _baseUrl = window.location.href.split('/index.html')[0]
   fetch(_baseUrl + '/' + link, {
     method: 'GET',
   })
@@ -22,17 +70,20 @@ function getTypeHTML(e) {
       const _contentDom = document.getElementById('main-content')
       if (_contentDom) {
         _contentDom.innerHTML = data
-        gotoTop(goto)
+        gotoTop(goto, getLinkName(link))
       }
     })
     .catch(error => console.error('Error:', error))
 }
 
-function gotoTop(id) {
+function gotoTop(id, linkName) {
   id = id || 'main-content'
   const _aDom = document.createElement('a');
   _aDom.href = '#' + id
   _aDom.click()
+  if (linkName) {
+    window.location.hash = id + '?' + linkName
+  }
 }
 
 function getBaseUrl(url) {
@@ -50,6 +101,11 @@ function getBaseUrl(url) {
   return ''
 }
 
+function getLinkName(url) {
+  var urlParts = url.split('/')
+  return urlParts[urlParts.length - 1].split('.')[0]
+}
+
 (function() {
   const targets = [ ...document.querySelectorAll('#sidebarNav li.mapgis-link a')]
   targets.forEach(function (_target) {
@@ -63,7 +119,9 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
-            gotoTop()
+            var linkName = getLinkName(e.target.getAttribute('link'))
+            highLightClickClass(linkName)
+            gotoTop(undefined, linkName)
           }
         })
         .catch(error => console.error('Error:', error))
@@ -81,7 +139,7 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
-            gotoTop()
+            gotoTop(e.target.getAttribute('linkto').split('#')[1], getLinkName(e.target.getAttribute('link')))
           }
         })
         .catch(error => console.error('Error:', error))
@@ -91,6 +149,7 @@ function getBaseUrl(url) {
   const targets3 = [ ...document.querySelectorAll('#sidebarNav div div ul li a#api-member')]
   targets3.forEach(function (_target) {
     _target.addEventListener('click', function (e) {
+      highLightClickClassByTarget(e.target)
       const _baseUrl = getBaseUrl(window.location.href)
       fetch(_baseUrl + e.target.attributes[1].value, {
         method: 'GET',
@@ -100,10 +159,56 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
-            gotoTop()
+            gotoTop(e.target.getAttribute('title'), getLinkName(e.target.getAttribute('link')))
           }
         })
         .catch(error => console.error('Error:', error))
     })
   })
 })()
+
+window.onload = function () {
+  var urlParts = window.location.href.split('#')
+  if (urlParts.length > 1) {
+    var id = urlParts[1].split('?')[0]
+    var linkName = urlParts[1].split('?')[1]
+    if (id && linkName) {
+      const _baseUrl = window.location.href.split('/index.html')[0]
+      fetch(_baseUrl + '/' + linkName + '.html', {
+        method: 'GET',
+      })
+        .then(response => response.text())
+        .then(data => {
+          const _contentDom = document.getElementById('main-content')
+          if (_contentDom) {
+            _contentDom.innerHTML = data
+            var modules = document.getElementsByClassName('mapgis-sidebar-menus')
+            for (var i = 0; i < modules.length; i++) {
+              if (modules[i].innerHTML.indexOf('"' + linkName + '"') > -1) {
+                showSideBar(modules[i].id)
+                var classArray = document.getElementsByClassName("mapgis-link-detail")
+                for (var j = 0; j < classArray.length; j++) {
+                  if (
+                    classArray[j].id === linkName + '-detail'
+                  ) {
+                    showLinkDetail(linkName + '-detail')
+                    highLightClickClass(linkName)
+                    var members = document.querySelectorAll('#' + linkName + '-detail' + ' a')
+                    for (var k = 0; k < members.length; k++) {
+                      if (members[k].title === id) {
+                        highLightClickClassByTarget(members[k])
+                      }
+                    }
+                    break
+                  }
+                }
+                break
+              }
+            }
+            gotoTop(id, linkName)
+          }
+        })
+        .catch(error => console.error('Error:', error))
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapgis/webclient-cesium-plugin",
-"version":"17.0.4",
+"version":"17.0.5",
   "description": "",
   "main": "dist/webclient-cesium-plugin-es6.min.js",
   "scripts": {},