@opentiny/vue-docs 3.19.3 → 3.19.4

package/public/static/images/footer/footer-title-help.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-1247.000000, -4114.000000)">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="3" transform="translate(1247.000000, 120.000000)">
+                    <g id="编组-2" transform="translate(0.000000, 2.000000)">
+                        <path d="M3.51720686,0 C2.68270668,0 2,0.720048002 2,1.600256 L2,14.399808 C2,15.279952 2.68270668,16 3.51720686,16 L14,16 L14,0 L3.51720686,0 Z M5.26618474,0.822335994 L7.79488306,0.822335994 L7.79488306,6.91198399 L6.5305339,5.97852799 L5.26618474,6.91198399 L5.26618474,0.822335994 L5.26618474,0.822335994 Z M12.9480191,15.13528 L4.02293741,15.13528 C3.39704332,15.13528 2.8850171,14.595168 2.8850171,13.935152 C2.8850171,13.274992 3.39704332,12.73496 4.02293741,12.73496 L12.9480191,12.73496 L12.9480191,15.13528 Z" id="形状" fill="#2C2E30" fill-rule="nonzero"></path>
+                        <rect id="矩形" fill-opacity="0" fill="#D8D8D8" x="0" y="0" width="16" height="16"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/static/images/footer/footer-title-human.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>路径</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-1433.000000, -4114.000000)" fill="#2C2E30" fill-rule="nonzero">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="编组-34" transform="translate(1432.000000, 120.000000)">
+                    <g id="编组-3" transform="translate(0.000000, 2.000000)">
+                        <path d="M1,14.7149463 C1,15.4569086 2.03140681,15.723591 4.06877366,15.8836866 C5.25011415,15.9765159 6.38410303,16 8,16 C9.61589679,16 10.7498857,15.9765159 11.9312263,15.8836866 C13.9685932,15.723591 15,15.4569086 15,14.7149463 C15,13.1133741 12.3717286,11.65186 9.49740836,11.0752141 L9.78480398,11.4048696 L9.67302574,9.86297635 L9.42914152,10.2343016 C10.4479499,9.8903769 11.0322442,9.17954213 11.5060158,7.93103375 L11.2645133,8.15135675 C11.7236876,8.02687189 12.1344381,7.71455766 12.4039945,7.27652308 C12.9402079,6.40516534 12.7633497,5.28921466 11.9753262,4.78920731 C11.9011171,4.74212105 11.8235088,4.70191487 11.743106,4.66877088 L11.6085614,5.00530456 L11.9662517,5.00530478 C11.9662527,3.42036457 11.7338749,2.41463765 11.1304508,1.72804246 L10.8635783,1.96987891 L11.0190881,2.29696423 C11.4840144,2.0690471 11.7505083,1.75786745 11.4673196,1.34707184 C11.3345629,1.15449402 11.1264251,0.985533192 10.85956,0.82572657 C10.7196555,0.741947758 10.5717097,0.66595524 10.4239755,0.598460476 C10.3350678,0.55784157 10.2648628,0.528614873 10.2221635,0.512137888 L10.3885763,1.05929365 C10.4091949,1.02924504 10.4335108,0.987490033 10.4570554,0.934824306 C10.507862,0.821177039 10.5355665,0.700774354 10.5220768,0.569685241 C10.4833734,0.193574431 10.1579622,0 9.65941069,0 C9.1779612,0 8.60389559,0.290045019 7.96035107,0.755703906 L8.16792764,1.05149499 L8.17749027,0.688416942 C8.07914818,0.68574631 7.97822642,0.684415807 7.87463121,0.684415807 C4.82098464,0.684415807 3.79294407,1.83978447 3.78309037,4.94975328 L4.14077888,4.95092181 L4.02040262,4.60889986 C3.91863601,4.64583062 3.82091716,4.69379974 3.7284385,4.75247822 C2.94041505,5.25248557 2.76355681,6.36843624 3.29977026,7.23979399 C3.5781587,7.69218085 4.00704347,8.01017232 4.4833112,8.12595448 L4.2320725,7.90132655 C4.76312093,9.32568005 5.26748609,9.96178872 6.35576324,10.2417272 L6.08615167,9.8762816 L6.03026255,11.4181748 L6.3197905,11.0749343 C3.50227272,11.628261 1,13.0761629 1,14.7149463 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/static/images/footer/footer-title-resource.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Tiny-Design-首页" transform="translate(-753.000000, -4114.000000)">
+            <g id="FOOTER" transform="translate(0.000000, 3992.000000)">
+                <g id="1" transform="translate(753.000000, 119.000000)">
+                    <g id="编组" transform="translate(0.000000, 3.000000)">
+                        <path d="M8.41594277,0 L8.415,3.782 L11.3592233,2.78156313 L15,14.4769539 L11.9340828,15.5190381 L8.415,4.215 L8.41594277,16 L4.99744507,16 L4.99744507,0 L8.41594277,0 Z M3.67143587,1.57114228 L3.67143587,15.5751503 L0,15.5751503 L0,1.57114228 L3.67143587,1.57114228 Z M11.0219724,3.5511022 L9.00613183,4.24048096 L9.34338273,5.31462926 L11.3592233,4.6252505 L11.0219724,3.5511022 Z M3.04292284,2.28456914 L0.636177823,2.28456914 L0.636177823,3.5751503 L3.04292284,3.5751503 L3.04292284,2.28456914 Z M7.91006643,0.617234469 L5.57996934,0.617234469 L5.57996934,1.86773547 L7.91006643,1.86773547 L7.91006643,0.617234469 Z" id="形状结合" fill="#2C2E30" fill-rule="nonzero"></path>
+                        <rect id="矩形" fill-opacity="0" fill="#D8D8D8" x="0" y="0" width="16" height="16"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/static/images/footer/pro.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 7</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-应用-1" transform="translate(-662.000000, -130.000000)">
+            <g id="编组-7" transform="translate(662.000000, 130.000000)">
+                <rect id="矩形备份" fill="#2F5BEA" x="0" y="0" width="40" height="40" rx="7.18993409"></rect>
+                <g id="编组-2备份" transform="translate(8.668429, 8.651887)">
+                    <polygon id="路径备份" fill="#DFE5FA" points="22.6317512 0 22.6317512 13.3068917 11.3452329 24.5895746 11.3452329 15.2982059 15.8500083 10.7568644 15.8500214 0"></polygon>
+                    <polygon id="路径备份" fill="#FFFFFF" transform="translate(5.671777, 12.294787) scale(-1, 1) translate(-5.671777, -12.294787) " points="11.3435546 0 11.3435546 13.3068917 1.68246306e-15 24.5895746 -1.25938755e-15 15.306479 4.56181177 10.7568644 4.56182488 0"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/static/images/footer/theme.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo-应用-1" transform="translate(-992.000000, -130.000000)">
+            <g id="编组-9" transform="translate(992.000000, 130.000000)">
+                <rect id="矩形备份" fill="#2F5BEA" x="0" y="0" width="40" height="40" rx="7.18993409"></rect>
+                <g id="编组备份" transform="translate(6.666667, 9.523810)" fill-rule="nonzero">
+                    <polygon id="矩形备份-2" fill="#DFE5FA" points="-2.17072369e-12 0 9.54694373 0 9.54694373 8.5861468 -2.17072369e-12 8.5861468"></polygon>
+                    <polygon id="矩形备份-4" fill="#A0B3F1" points="17.1387402 0 26.6666667 0 26.6666667 8.5593068 17.1387402 8.5593068"></polygon>
+                    <polygon id="路径" fill="#FFFFFF" points="23.8176711 8.55930828 23.8176711 20.952381 2.86596318 20.952381 2.86596318 8.55930828 9.54694373 8.5593068 9.54783769 15.1429542 17.1387402 15.1429542 17.1378462 8.5593068"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/static/js/design-common.js

@@ -31,6 +31,115 @@ const headerHtml = `
   </div>
 </div>`
 
+const footerHtml = `<div class="tinyui-design-footer">
+  <div class="footer-content">
+   <div class="footer-logo-container">
+      <a href="/" class="footer-logo-link">
+        <img src="/static/images/opentiny-logo.svg" title="OpenTiny" class="footer-logo">
+        <span class="footer-logo-title">OpenTiny</span>
+      </a>
+      <div class="footer-promotional-container">
+         
+          <div class="footer-promotional-label">企业级设计体系</div>
+         
+          <div class="footer-promotional-label">追求极致体验，多种设计方法融合</div>
+         
+          <div class="footer-promotional-label">开箱即用的多语言组件库</div>
+        
+        <div class="footer-logolist-container">
+          
+            <a href="/pro" class="footer-logo-link footer-logo-link-list">
+              <img src="/static/images/footer/pro.svg" title="TinyPro">
+            </a>
+          
+            <a href="/designtheme/home" class="footer-logo-link footer-logo-link-list">
+              <img src="/static/images/footer/theme.svg" title="TinyTheme">
+            </a>
+          
+            <a href="/tiny-cli/home" class="footer-logo-link footer-logo-link-list">
+              <img src="/static/images/footer/cli.svg" title="TinyCLI">
+            </a>
+          
+        </div>
+      </div>
+      
+   </div>
+    
+    <div class="links">
+      
+      <div class="link-item">
+        <div class="footer-title-container">
+          <img src="/static/images/footer/footer-title-resource.svg" class="footer-logo-s">
+          <span class="footer-title">相关资源</span>
+          <span class="icon-arrow"></span>
+        </div>
+        <div class="footer-text-list">
+          
+          
+            <a href="https://angular.cn/" title="Angular - 中文网" target="_blank" rel="noopener noreferrer" class="list-item">Angular - 中文网</a>
+          
+            <a href="https://cn.vuejs.org/" title="Vue - 中文网" target="_blank" rel="noopener noreferrer" class="list-item">Vue - 中文网</a>
+          
+            <a href="https://ionic.io/ionicons" title="ionicons 图标库" target="_blank" rel="noopener noreferrer" class="list-item">ionicons 图标库</a>
+                    
+        </div>        
+      </div>
+      
+      <div class="link-item">
+        <div class="footer-title-container">
+          <img src="/static/images/footer/footer-title-community.svg" class="footer-logo-s">
+          <span class="footer-title">社区</span>
+          <span class="icon-arrow"></span>
+        </div>
+        <div class="footer-text-list">
+          
+            <a href="https://mp.weixin.qq.com/s/3a6GaLY6hBGzV0nGzen2gw" title="公众号 - OpenTiny" target="_blank" rel="noopener noreferrer" class="list-item">公众号 - OpenTiny</a>
+          
+            <a href="https://juejin.cn/user/3808325101432983" title="掘金 - OpenTiny 社区" target="_blank" rel="noopener noreferrer" class="list-item">掘金 - OpenTiny 社区</a>
+          
+            <a href="https://www.zhihu.com/people/opentiny" title="知乎 - OpenTiny 社区" target="_blank" rel="noopener noreferrer" class="list-item">知乎 - OpenTiny 社区</a>
+          
+            <a href="https://space.bilibili.com/15284299" title="B 站 - OpenTiny 社区" target="_blank" rel="noopener noreferrer" class="list-item">B 站 - OpenTiny 社区</a>
+                    
+        </div>        
+      </div>
+      
+      <div class="link-item">
+        <div class="footer-title-container">
+          <img src="/static/images/footer/footer-title-help.svg" class="footer-logo-s">
+          <span class="footer-title">帮助</span>
+          <span class="icon-arrow"></span>
+        </div>
+        <div class="footer-text-list">
+          
+            <a href="https://github.com/opentiny" title="GitHub" target="_blank" rel="noopener noreferrer" class="list-item">GitHub</a>
+          
+            <a href="https://gitee.com/opentiny" title="Gitee" target="_blank" rel="noopener noreferrer" class="list-item">Gitee</a>
+          
+            <a href="/tiny-vue/zh-CN/os-theme/docs/changelog" title="更新日志" target="_blank" rel="noopener noreferrer" class="list-item">更新日志</a>
+          
+            <a href="https://github.com/opentiny/tiny-vue/issues" title="讨论区" target="_blank" rel="noopener noreferrer" class="list-item">讨论区</a>
+                    
+        </div>        
+      </div>
+      
+      <div class="contact">
+        <div>
+          <img src="/static/images/footer/footer-title-human.svg" class="footer-logo-s">
+          <span class="footer-title">联系我们</span>
+        </div>
+        <div class="group-code">
+          <img src="/static/images/footer/code-open.png">
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="copyright">
+  <p>Copyright © Huawei Technologies Co., Ltd. 2023. All rights reserved.</p>
+  <p>粤ICP备2022156931号-1</p>
+  </div>
+</div>`
+
 class DesignCommon {
   renderHeader() {
     document.getElementById('header').innerHTML = headerHtml
@@ -40,7 +149,7 @@ class DesignCommon {
     document.head.append(link)
   }
   renderFooter() {
-    // 空方法，用于给官网执行，解决报错
+    document.getElementById('footer').innerHTML = footerHtml
   }
 }
 window.TDCommon = DesignCommon

package/src/views/components/components.vue

@@ -493,7 +493,7 @@ export default defineComponent({
             })
           }
         }
-      }, 600)
+      }, 0)
     }
 
     // 在singleDemo情况时，才需要滚动示例区域到顶

package/src/views/components/float-settings.vue

@@ -200,17 +200,11 @@ export default defineComponent({
         const nav = document.querySelector('.nav')
         if (docLayout) {
           docLayout.onscroll = debounce(100, false, () => {
-            const {
-              scrollTop: layoutScrollTop,
-              scrollHeight: layoutScrollHeight,
-              clientHeight: layoutHeight
-            } = docLayout
+            const { scrollTop: layoutScrollTop } = docLayout
             const headerHeight = docLayout.querySelector('header')?.clientHeight || 0
-            const footerHeight = docLayout.querySelector('#footer')?.clientHeight || 0
             const footerTop = footer.getBoundingClientRect().top
             const navHeight = nav?.clientHeight || 0
             const currSettingsBottom = parseInt(window.getComputedStyle(floatSettings.value).getPropertyValue('bottom'))
-            const footerVisibleHeight = footerHeight - (layoutScrollHeight - layoutScrollTop - layoutHeight)
 
             state.showBackTop = layoutScrollTop > 500
             state.showSettings = footerTop - navHeight - headerHeight > 220
@@ -218,11 +212,6 @@ export default defineComponent({
             if (!state.initBottomVal) {
               state.initBottomVal = currSettingsBottom
             }
-            if (footerVisibleHeight > state.initBottomVal - 40) {
-              state.settingsStyle.bottom = `${footerVisibleHeight + 20}px`
-            } else {
-              state.settingsStyle.bottom = DEFAULT_BOTTOM_VAL
-            }
           })
         }
       })
@@ -297,9 +286,10 @@ export default defineComponent({
     border-radius: 12px;
     background-color: #fff;
     cursor: pointer;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
 
     &:hover {
-      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
+      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
 
       .settings-icon {
         color: #191919;

package/src/views/layout/layout.vue

@@ -153,17 +153,6 @@ export default defineComponent({
     )
 
     onMounted(async () => {
-      // 每次切换路由，有锚点则跳转到锚点，否则导航到顶部
-      routerCbDestroy = router.afterEach((to) => {
-        if (to.hash) {
-          const el = document.querySelector(to.hash)
-          if (el) {
-            return el.scrollIntoView()
-          }
-        }
-        state.contentRef.scrollTo({ top: 0, behavior: 'auto' })
-      })
-
       // 刷新后，高亮相应的菜单
       const cmpId = router.currentRoute.value?.params?.cmpId
       if (cmpId) {