@mapgis/webclient-common 17.0.4 → 17.0.6

package/documention/module-ArcGis.ArcGisPolyline.html

@@ -71,13 +71,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>
 
 
 
@@ -94,13 +98,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="paths"><code>paths</code></td>
+      <td class="name"><code>paths</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">String</span>
+<span class="param-type">
+    
+             String
+    
+</span>
 
 
 
@@ -118,13 +126,17 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
     
 <tr class="deep-level-1">
   
-      <td class="name" id="spatialReference"><code>spatialReference</code></td>
+      <td class="name"><code>spatialReference</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">ArcGisSpatialReference</span>
+<span class="param-type">
+    
+             ArcGisSpatialReference
+    
+</span>
 
 
 
@@ -394,13 +406,17 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="points"><code>points</code></td>
+      <td class="name"><code>points</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Array</span>
+<span class="param-type">
+    
+             Array
+    
+</span>
 
 
 
@@ -553,13 +569,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pathIndex"><code>pathIndex</code></td>
+      <td class="name"><code>pathIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -578,13 +598,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pointIndex"><code>pointIndex</code></td>
+      <td class="name"><code>pointIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -736,13 +760,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pathIndex"><code>pathIndex</code></td>
+      <td class="name"><code>pathIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -761,13 +789,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pointIndex"><code>pointIndex</code></td>
+      <td class="name"><code>pointIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -786,13 +818,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="point"><code>point</code></td>
+      <td class="name"><code>point</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -944,13 +980,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pathIndex"><code>pathIndex</code></td>
+      <td class="name"><code>pathIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -969,13 +1009,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pointIndex"><code>pointIndex</code></td>
+      <td class="name"><code>pointIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -1127,13 +1171,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="index"><code>index</code></td>
+      <td class="name"><code>index</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Array</span>
+<span class="param-type">
+    
+             Array
+    
+</span>
 
 
 
@@ -1285,13 +1333,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pathIndex"><code>pathIndex</code></td>
+      <td class="name"><code>pathIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -1310,13 +1362,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="pointIndex"><code>pointIndex</code></td>
+      <td class="name"><code>pointIndex</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -1335,13 +1391,17 @@ example：[[x1,y1],[x2,y2],[x3,y3]]。</p></td>
             
 <tr class="deep-level-0">
   
-      <td class="name" id="point"><code>point</code></td>
+      <td class="name"><code>point</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">ArcGisPoint</span>
+<span class="param-type">
+    
+             ArcGisPoint
+    
+</span>
 
 
 

package/documention/module-ArcGis.ArcGisSpatialReference.html

@@ -71,13 +71,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>
 
 
 
@@ -94,13 +98,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="wkid"><code>wkid</code></td>
+      <td class="name"><code>wkid</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">Number</span>
+<span class="param-type">
+    
+             Number
+    
+</span>
 
 
 
@@ -117,13 +125,17 @@
     
 <tr class="deep-level-1">
   
-      <td class="name" id="wkt"><code>wkt</code></td>
+      <td class="name"><code>wkt</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">String</span>
+<span class="param-type">
+    
+             String
+    
+</span>
 
 
 
@@ -257,7 +269,11 @@
                                     <code>
                                         
                                                 
-<span class="param-type">boolean</span>
+<span class="param-type">
+    
+             boolean
+    
+</span>
 
 
 
@@ -325,13 +341,17 @@
             
 <tr class="deep-level-0">
   
-      <td class="name" id="sr"><code>sr</code></td>
+      <td class="name"><code>sr</code></td>
   
 
   <td class="type">
   
       
-<span class="param-type">ArcGisSpatialReference</span>
+<span class="param-type">
+    
+             ArcGisSpatialReference
+    
+</span>
 
 
 
@@ -420,7 +440,11 @@
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
         
-<span class="param-type">boolean</span>
+<span class="param-type">
+    
+             boolean
+    
+</span>
 
 
 

package/documention/module.exports.html

@@ -110,7 +110,11 @@
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
         
-<span class="param-type">*</span>
+<span class="param-type">
+    
+             *
+    
+</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))
+    }
+  }
+}