fix(site): site provides examples of both SaaS and non-SaaS filter modes (#3827)

Author: shenjunjian

examples/sites/demos/pc/app/icon/advance-usage-composition-api.vue

@@ -113,7 +113,7 @@ function click(name) {
 .svgs-icon {
   cursor: pointer;
   transition: all 0.4s;
-  font-size: 24px;
+  font-size: 40px;
   fill: var(--tv-color-icon-control);
   color: var(--tv-color-icon-control);
 }

examples/sites/demos/pc/app/icon/advance-usage.vue

@@ -138,7 +138,7 @@ export default {
 .svgs-icon {
   cursor: pointer;
   transition: all 0.4s;
-  font-size: 24px;
+  font-size: 40px;
   fill: var(--tv-color-icon-control);
   color: var(--tv-color-icon-control);
 }

examples/sites/src/components/anchor.vue

@@ -25,7 +25,8 @@ const emit = defineEmits(['link-click'])
 // 实例锚点
 const demoAnchorLinks = computed(() =>
   (props.currentJson?.demos || [])
-    .filter((demo) => (isSaas ? !demo.hideSaas : true))
+    .filter((demo) => (isSaas ? !demo.hideSaas : true)) // saas 模式， hideSaas的过滤掉
+    .filter((demo) => (!isSaas ? !demo.hidePc : true)) // 非saas模式， hidePc的过滤掉
     .map((demo) => ({
       key: demo.demoId,
       title: demo.name[props.langKey],

examples/sites/src/views/components-doc/common.vue

@@ -324,6 +324,12 @@ const loadPage = () => {
         demos: $clone(demosJson.demos || []), // 克隆一下,避免保存上次的isOpen
         column: demosJson.column || '1' // columns可能为空
       }
+      // saas 和 非saas 模式，展示的demos是不同的
+      if (isSaas) {
+        state.currJson.demos = state.currJson.demos.filter((d) => !d.hideSaas)
+      } else {
+        state.currJson.demos = state.currJson.demos.filter((d) => !d.hidePc)
+      }
     } else {
       state.activeTab = 'api'
       // 隐藏tab的头部