feat: add the hideSaas attribute to hide the demo and related properties (#3788)

* feat: add the hideSaas attribute to hide the demo and related properties

* fix(carousel): hidden Saas official website vertical rotation example

* fix: modify the comments

Author: James-9696

examples/sites/demos/apis/config-provider.js

@@ -51,7 +51,8 @@ export default {
             'en-US': 'Customized theme color, in {data:"tv-base-color-brand":"#595959",....} format.'
           },
           mode: ['pc'],
-          pcDemo: 'theme'
+          pcDemo: 'theme',
+          hideSaas: true // 当环境变量为tiny-vue-saas时隐藏该属性
         }
       ],
       events: [],

examples/sites/demos/pc/app/carousel/webdoc/carousel.js

@@ -97,7 +97,8 @@ export default {
         'zh-CN': '<p>通过配置 <code>type</code> 属性为<code>vertical</code>即可实现纵向轮播。</p>\n',
         'en-US': '<p>Set <code>type</code> to vertical to implement <code>vertical</code> rotation. </p>\n'
       },
-      codeFiles: ['up-down-carousel.vue']
+      codeFiles: ['up-down-carousel.vue'],
+      hideSaas: true
     },
     {
       demoId: 'show-title',

examples/sites/demos/pc/app/config-provider/webdoc/config-provider.js

@@ -54,7 +54,8 @@ export default {
         'zh-CN': '可通过<code>theme</code>属性设置自定义主题色常量。',
         'en-US': 'You can use the <code>theme</code> property to set a custom theme color constant.'
       },
-      codeFiles: ['theme.vue']
+      codeFiles: ['theme.vue'],
+      hideSaas: true // 当环境变量为tiny-vue-saas时隐藏该属性
     }
   ],
   features: [

examples/sites/src/components/anchor.vue

@@ -23,15 +23,15 @@ const props = defineProps({ anchorAffix: {}, currentJson: {}, activeTab: {}, lan
 const emit = defineEmits(['link-click'])
 
 // 实例锚点
-const demoAnchorLinks = computed(() => {
-  const links =
-    props.currentJson?.demos?.map((demo) => ({
+const demoAnchorLinks = computed(() =>
+  (props.currentJson?.demos || [])
+    .filter((demo) => (isSaas ? !demo.hideSaas : true))
+    .map((demo) => ({
       key: demo.demoId,
       title: demo.name[props.langKey],
       link: `#${demo.demoId}`
-    })) || []
-  return links
-})
+    }))
+)
 
 // 组件API锚点
 const apiAnchorLinks = computed(() => {

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

@@ -114,6 +114,7 @@ import DesignToken from '../../components/design-token.vue'
 import McpDocs from '../../components/mcp-docs.vue'
 import useTasksFinish from '../../composable/useTasksFinish'
 import list from '@opentiny/vue-theme/token'
+import { isSaas } from '../../const'
 import { getTinyVueMcpConfig } from '@opentiny/tiny-vue-mcp'
 import { camelize, capitalize } from '@vue/shared'
 
@@ -207,7 +208,7 @@ const parseApiData = () => {
     for (const apiType of Object.keys(apiGroup)) {
       if (Array.isArray(apiGroup[apiType]) && apiGroup[apiType].length) {
         const apiArr = apiGroup[apiType].map((i) => {
-          const { name, type, defaultValue, desc, demoId, typeAnchorName, linkTo, meta, versionTipOption } = i
+          const { name, type, defaultValue, desc, demoId, typeAnchorName, linkTo, meta, versionTipOption, hideSaas } = i
           const item = {
             name,
             type,
@@ -217,7 +218,8 @@ const parseApiData = () => {
             meta,
             versionTipOption,
             typeAnchorName: '',
-            linkTo
+            linkTo,
+            hideSaas
           }
           if (typeAnchorName) {
             item.typeAnchorName = `${typeAnchorName?.includes('#') ? '' : '#'}${typeAnchorName}`
@@ -233,6 +235,15 @@ const parseApiData = () => {
 
     tableData[apiGroup.name] = apiDisplay
   }
+
+  // 当环境变量为tiny-vue-saas时
+  if (isSaas) {
+    for (const group of Object.keys(tableData)) {
+      for (const apiType of Object.keys(tableData[group])) {
+        tableData[group][apiType] = tableData[group][apiType].filter((item) => !item.hideSaas)
+      }
+    }
+  }
   state.tableData = tableData
 }