fix: delete faq logic

Author: gimmyhehe

examples/sites/src/views/components/cmp-config.js

@@ -23,12 +23,6 @@ const languageMap = {
   sass: 'css'
 }
 
-// 只有select组件需要select.faq.cn.md
-const faqMdConfig = {
-  // TODO: 找不到select的问答md,先关闭
-  // select: true
-}
-
 const getWebdocPath = (path) => {
   if (path?.startsWith('grid-') && path !== 'grid-select') {
     return 'grid'
@@ -43,4 +37,4 @@ const getWebdocPath = (path) => {
 
 const staticDemoPath = '@demos/app'
 
-export { languageMap, faqMdConfig, vueComponents, getWebdocPath, staticDemoPath }
+export { languageMap, vueComponents, getWebdocPath, staticDemoPath }

examples/sites/src/views/components/components.vue

@@ -2,7 +2,7 @@
   <!-- 一个组件的文档:  描述md + demos + apis -->
   <header class="flex-horizontal docs-header">
     <div class="docs-title-wrap">
-      <div class="markdown-body markdown-top-body" size="medium" v-html="state.cmpTopMd"></div>
+      <div class="markdown-body markdown-top-body" v-html="state.cmpTopMd"></div>
       <version-tip
         v-if="state.currJson.meta || state.currJson.versionTipOption"
         :meta="state.currJson.meta"
@@ -194,8 +194,6 @@
         </div>
       </div>
 
-      <h2 id="FAQ" v-if="state.cmpFAQMd" class="ti-f30 ti-fw-normal ti-mt28 ti-mb20">FAQ</h2>
-      <div class="markdown-body" v-html="state.cmpFAQMd"></div>
       <div v-if="state.currJson.owner" class="ti-abs ti-right24 ti-top24" @click="copyText(state.currJson.owner)">
         {{ i18nByKey('doc-owner') }} : {{ state.currJson.owner }}
       </div>
@@ -210,21 +208,21 @@ import { useRoute } from 'vue-router'
 import { marked } from 'marked'
 import hljs from 'highlight.js'
 import {
-  Anchor as TinyAnchor,
-  ButtonGroup as TinyButtonGroup,
-  Grid as TinyGrid,
-  GridColumn as TinyGridColumn,
-  Tabs as TinyTabs,
-  TabItem as TinyTabItem,
-  Tooltip as TinyTooltip
+  TinyAnchor,
+  TinyButtonGroup,
+  TinyGrid,
+  TinyGridColumn,
+  TinyTabs,
+  TinyTabItem,
+  TinyTooltip
 } from '@opentiny/vue'
 import { iconOuterLink } from '@opentiny/vue-icon'
 import debounce from '@opentiny/vue-renderless/common/deps/debounce'
 import { i18nByKey, getWord, $clone, fetchDemosFile, useApiMode, useTemplateMode, getCmpContributors } from '@/tools'
 import DemoBox from '@/views/components/demo'
 import demoConfig from '@demos/config.js'
 import { router } from '@/router.js'
-import { faqMdConfig, getWebdocPath } from './cmp-config'
+import { getWebdocPath } from './cmp-config'
 import AsyncHighlight from './async-highlight.vue'
 import VersionTip from './VersionTip.vue'
 
@@ -247,7 +245,6 @@ const state = reactive({
   observer: null,
   currJson: { column: 1, demos: [], apis: [], types: {} },
   cmpTopMd: null,
-  cmpFAQMd: null,
   currDemoId: '',
   demoAnchorLinks: computed(() => {
     const links =
@@ -256,13 +253,6 @@ const state = reactive({
         title: demo.name[state.langKey],
         link: `#${demo.demoId}`
       })) || []
-    if (state.cmpFAQMd) {
-      links.push({
-        key: 'FAQ',
-        title: 'FAQ',
-        link: '#FAQ'
-      })
-    }
     return links
   }),
   iframeUrl: '',
@@ -349,15 +339,15 @@ const demoMounted = () => {
   }
 }
 
-const getIframeConetent = (demoId, demoName) => {
+const getIframeContent = (demoId, demoName) => {
   const frameWindow = iframeRef.value.contentWindow
   frameWindow.postMessage({ from: 'tiny-vue-site', component: state.cmpId, demo: demoName })
   router.push(`#${demoId}`)
 }
 
 const getIframeDemo = (demo) => {
   if (demo?.codeFiles.length > 0) {
-    getIframeConetent(demo.demoId, demo.codeFiles[0])
+    getIframeContent(demo.demoId, demo.codeFiles[0])
     jumpToMobileDemoAndHash(demo.demoId)
     state.currDemoId = demo.demoId
   }
@@ -551,14 +541,8 @@ const loadPage = debounce(templateModeState.isSaas ? 100 : 0, false, () => {
     promiseArr[1] = fetchDemosFile(`${staticPath.value}/${getWebdocPath(state.cmpId)}/webdoc/${state.cmpId}.js`)
   }
 
-  if (faqMdConfig[state.cmpId]) {
-    promiseArr.push(
-      fetchDemosFile(`${staticPath.value}/${getWebdocPath(state.cmpId)}/webdoc/${state.cmpId}.faq.${lang}.md`)
-    )
-  }
-
   Promise.all(promiseArr)
-    .then(([mdData, jsData, apiData, faqData]) => {
+    .then(([mdData, jsData, apiData]) => {
       // 1、加载顶部md
       state.cmpTopMd = marked(mdData, {
         gfm: true,
@@ -568,11 +552,6 @@ const loadPage = debounce(templateModeState.isSaas ? 100 : 0, false, () => {
         }
       })
 
-      // 2、加载faq.md
-      if (faqData) {
-        state.cmpFAQMd = marked(faqData)
-      }
-
       // 3、加载cmpId.js 文件
       // eslint-disable-next-line no-eval
       const json = jsData ? eval('(' + jsData.slice(15) + ')') : {}
@@ -590,10 +569,13 @@ const loadPage = debounce(templateModeState.isSaas ? 100 : 0, false, () => {
 
       if (apiData) {
         // eslint-disable-next-line no-eval
-        const apiJson = eval('(' + apiData.slice(15) + ')')
+        let apiJson = eval('(' + apiData.slice(15) + ')')
         // pc、mobile、mobile-first三种模式
         const demoMode = templateModeState.isSaas ? templateModeState.mode : import.meta.env.VITE_APP_MODE
         const demoKey = demoMode === 'mobile-first' ? 'mfDemo' : `${demoMode}Demo`
+        if (demoMode === 'mobile') {
+          apiJson = json
+        }
         state.currJson.apis = apiJson.apis.map((item) => {
           Object.keys(item).forEach((key) => {
             const apiItem = item[key]
@@ -742,7 +724,7 @@ const handleAnchorClick = (e, data) => {
   if (demoConfig.isMobile) {
     // 点击目录列表更新iframe显示
     const hashId = data.link.slice(1)
-    getIframeConetent(state.cmpId, hashId + '.vue')
+    getIframeContent(state.cmpId, hashId + '.vue')
   }
 
   if (apiModeState.demoMode === 'single' && data.link.startsWith('#')) {