@mapgis/webclient-common 17.0.2 → 17.0.5

package/documention/module-ArcGis.ArcGisPolyline.html

@@ -71,13 +71,18 @@
             
 <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>
+
 
 
   
@@ -93,13 +98,18 @@
     
 <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>
+
 
 
   
@@ -116,13 +126,18 @@ 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>
+
 
 
   
@@ -250,7 +265,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                     <tbody>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#addRing">addRing</a></code></td>
+                                <td class="name"><code><a href="#addRing">addRing</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -262,7 +277,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#getPoint">getPoint</a></code></td>
+                                <td class="name"><code><a href="#getPoint">getPoint</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -274,7 +289,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#insertPoint">insertPoint</a></code></td>
+                                <td class="name"><code><a href="#insertPoint">insertPoint</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -286,7 +301,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#removePoint">removePoint</a></code></td>
+                                <td class="name"><code><a href="#removePoint">removePoint</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -298,7 +313,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#removeRing">removeRing</a></code></td>
+                                <td class="name"><code><a href="#removeRing">removeRing</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -310,7 +325,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#setPoint">setPoint</a></code></td>
+                                <td class="name"><code><a href="#setPoint">setPoint</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -322,7 +337,7 @@ Example: [[[x1,y1],[x2,y2],[x3,y3]],[[x4,y4],[x5,y5],[x6,y6]]]</p></td>
                             </tr>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisPolyline.html#toGeometryJSON">toGeometryJSON</a></code></td>
+                                <td class="name"><code><a href="#toGeometryJSON">toGeometryJSON</a></code></td>
                                 <td class="name">
                                     <code>
                                         
@@ -391,13 +406,18 @@ 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>
+
 
 
   
@@ -549,13 +569,18 @@ 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>
+
 
 
   
@@ -573,13 +598,18 @@ 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>
+
 
 
   
@@ -730,13 +760,18 @@ 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>
+
 
 
   
@@ -754,13 +789,18 @@ 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>
+
 
 
   
@@ -778,13 +818,18 @@ 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>
+
 
 
   
@@ -935,13 +980,18 @@ 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>
+
 
 
   
@@ -959,13 +1009,18 @@ 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>
+
 
 
   
@@ -1116,13 +1171,18 @@ 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>
+
 
 
   
@@ -1273,13 +1333,18 @@ 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>
+
 
 
   
@@ -1297,13 +1362,18 @@ 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>
+
 
 
   
@@ -1321,13 +1391,18 @@ 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,18 @@
             
 <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>
+
 
 
   
@@ -93,13 +98,18 @@
     
 <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>
+
 
 
   
@@ -115,13 +125,18 @@
     
 <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>
+
 
 
   
@@ -249,12 +264,17 @@
                     <tbody>
                         
                             <tr class="deep-level-0">
-                                <td class="name"><code><a href="module:ArcGis.ArcGisSpatialReference.html#equals">equals</a></code></td>
+                                <td class="name"><code><a href="#equals">equals</a></code></td>
                                 <td class="name">
                                     <code>
                                         
                                                 
-<span class="param-type">boolean</span>
+<span class="param-type">
+    
+             boolean
+    
+</span>
+
 
 
                                             
@@ -321,13 +341,18 @@
             
 <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>
+
 
 
   
@@ -415,7 +440,12 @@
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
         
-<span class="param-type">boolean</span>
+<span class="param-type">
+    
+             boolean
+    
+</span>
+
 
 
     </div>

package/documention/module.exports.html

@@ -110,7 +110,12 @@
     <div class='column is-5 has-text-left'>
         <label>类型: </label>
         
-<span class="param-type">*</span>
+<span class="param-type">
+    
+             *
+    
+</span>
+
 
 
     </div>

package/documention/scripts/sideBar.js

@@ -3,11 +3,87 @@ 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 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',
+  })
+    .then(response => response.text())
+    .then(data => {
+      const _contentDom = document.getElementById('main-content')
+      if (_contentDom) {
+        _contentDom.innerHTML = data
+        gotoTop(goto, getLinkName(link))
+      }
+    })
+    .catch(error => console.error('Error:', error))
+}
+
+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) {
@@ -25,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) {
@@ -38,6 +119,9 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
+            var linkName = getLinkName(e.target.getAttribute('link'))
+            highLightClickClass(linkName)
+            gotoTop(undefined, linkName)
           }
         })
         .catch(error => console.error('Error:', error))
@@ -55,9 +139,7 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
-            const _aDom = document.createElement('a');
-            _aDom.href = e.target.attributes[0].value
-            _aDom.click()
+            gotoTop(e.target.getAttribute('linkto').split('#')[1], getLinkName(e.target.getAttribute('link')))
           }
         })
         .catch(error => console.error('Error:', error))
@@ -67,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',
@@ -76,12 +159,56 @@ function getBaseUrl(url) {
           const _contentDom = document.getElementById('main-content')
           if (_contentDom) {
             _contentDom.innerHTML = data
-            const _aDom = document.createElement('a');
-            _aDom.href = e.target.attributes[0].value
-            _aDom.click()
+            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))
+    }
+  }
+}