@opentiny/vue-docs 3.26.7 → 3.26.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-docs",
   "type": "module",
-  "version": "3.26.7",
+  "version": "3.26.8",
   "license": "MIT",
   "dependencies": {
     "@docsearch/css": "^3.8.0",
@@ -28,20 +28,20 @@
     "vue-router": "4.1.5",
     "zod": "^3.24.4",
     "@opentiny/utils": "~3.26.0",
-    "@opentiny/vue": "~3.26.0",
     "@opentiny/vue-common": "~3.26.0",
+    "@opentiny/vue": "~3.26.0",
     "@opentiny/vue-design-aurora": "~3.26.0",
     "@opentiny/vue-design-saas": "~3.26.0",
     "@opentiny/vue-design-smb": "~3.26.0",
+    "@opentiny/vue-flowchart": "~3.26.0",
     "@opentiny/vue-directive": "~3.26.0",
     "@opentiny/vue-hooks": "~3.26.0",
-    "@opentiny/vue-flowchart": "~3.26.0",
+    "@opentiny/vue-icon": "~3.26.0",
     "@opentiny/vue-huicharts": "~3.26.0",
     "@opentiny/vue-icon-multicolor": "~3.26.0",
-    "@opentiny/vue-icon": "~3.26.0",
     "@opentiny/vue-locale": "~3.26.0",
-    "@opentiny/vue-icon-saas": "~3.26.0",
     "@opentiny/vue-modal": "~3.26.0",
+    "@opentiny/vue-icon-saas": "~3.26.0",
     "@opentiny/vue-renderless": "~3.26.0",
     "@opentiny/vue-theme": "~3.26.0",
     "@opentiny/vue-theme-saas": "~3.26.2"

package/src/App.vue

@@ -14,6 +14,7 @@
 import { onMounted, provide, ref } from 'vue'
 import { TinyConfigProvider, TinyModal } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
+import { isSaas } from './const'
 
 import useTheme from './tools/useTheme'
 
@@ -24,7 +25,7 @@ const tinyIconClose = iconClose()
 onMounted(() => {
   // 加载header
   const common = new window.TDCommon(['#header'], {
-    allowDarkTheme: true,
+    allowDarkTheme: !isSaas,
     searchConfig: {
       show: true
     },

package/src/components/anchor.vue

@@ -2,11 +2,11 @@
   <div v-if="links.length" class="cmp-page-anchor catalog">
     <tiny-anchor
       id="anchor"
-      :tiny_mode="theme === 'saas' ? 'pc' : 'mobile-first'"
+      :tiny_mode="isSaas ? 'pc' : 'mobile-first'"
       :offset-top="56"
       :links="links"
       :is-affix="props.anchorAffix"
-      :type="theme === 'saas' ? 'line' : 'dot'"
+      :type="isSaas ? 'line' : 'dot'"
       container-id="#doc-layout-scroller"
       @link-click="handleAnchorClick"
     >
@@ -17,13 +17,12 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { TinyAnchor } from '@opentiny/vue'
+import { isSaas } from '../const'
 
 const props = defineProps({ anchorAffix: {}, currentJson: {}, activeTab: {}, langKey: {}, apiTypes: {} })
 
 const emit = defineEmits(['link-click'])
 
-const theme = import.meta.env.VITE_TINY_THEME
-
 // 实例锚点
 const demoAnchorLinks = computed(() => {
   const links =

package/src/const.ts

@@ -1,5 +1,7 @@
 import { tinyOldTheme, tinyAuroraTheme, tinyDarkTheme } from '@opentiny/vue-theme/theme-tool'
 
+export const isSaas = import.meta.env.VITE_TINY_THEME === 'saas'
+
 // localStorage中保存语言的key
 export const LANG_KEY = '_lang'
 // localStorage中保存语言的value

package/src/main.js

@@ -20,7 +20,7 @@ import { i18n } from './i18n/index'
 import { router } from './router'
 import App from './App.vue'
 import { appData } from './tools'
-import { ZH_CN_LANG, EN_US_LANG, LANG_PATH_MAP, ES_LA_LANG, PT_BR_LANG } from './const'
+import { ZH_CN_LANG, EN_US_LANG, LANG_PATH_MAP, ES_LA_LANG, PT_BR_LANG, isSaas } from './const'
 import demoConfig from '@demos/config.js'
 
 import hljs from 'highlight.js/lib/core'
@@ -38,9 +38,6 @@ import { t } from '@opentiny/vue-locale'
 import { registerMcpConfig, customDesignConfig } from '@opentiny/vue-common'
 import { twMerge } from 'tailwind-merge'
 
-const envTarget = import.meta.env.VITE_BUILD_TARGET || 'open'
-const isSaas = import.meta.env.VITE_TINY_THEME === 'saas'
-
 // 适配层集成twMerge能力
 if (isSaas) {
   customDesignConfig.twMerge = twMerge
@@ -94,7 +91,7 @@ app.config.performance = true
 // 注入全局的saas主题变量
 app.config.globalProperties.tiny_theme = { value: import.meta.env.VITE_TINY_THEME }
 
-if (import.meta.env.VITE_TINY_THEME === 'saas') {
+if (isSaas) {
   import('./tailwind.css')
 }
 // 注册TinyVue组件mcp配置

package/src/menus.js

@@ -1,5 +1,6 @@
 import { docMenus, cmpMenus } from '@menu/menus.js'
 import { appData, $split } from './tools'
+import { isSaas } from './const'
 
 /**
  * 聚合doc  / cmp 两个页面的所有菜单.
@@ -27,7 +28,7 @@ function genMenus() {
   ]
 
   // 使用指南只在DEV下生效
-  const isShowDoc = import.meta.env.DEV || import.meta.env.VITE_TINY_THEME === 'saas'
+  const isShowDoc = import.meta.env.DEV || isSaas
   const docOptions = isShowDoc
     ? docMenus.map((menu) => ({
         ...menu,

package/src/tools/docsearch.js

@@ -1,5 +1,6 @@
+import { isSaas } from '../const'
+
 const OPEN_TINY_URL = 'https://opentiny.design'
-const isSaas = import.meta.env.VITE_TINY_THEME === 'saas'
 
 export const doSearchEverySite = () => {
   window.handleGlobalSearchData = (resolve) => {
@@ -9,7 +10,7 @@ export const doSearchEverySite = () => {
       }
 
       if (isSaas) {
-        data.content = data.content.replaceAll('/tiny-vue/', '/tiny-vue-saas/')
+        data.content = data.content.replace('/tiny-vue/', '/tiny-vue-saas/')
       }
 
       resolve(data)

package/src/tools/useTemplateMode.js

@@ -3,11 +3,12 @@ import { router } from '@/router.js'
 import { getAllComponents } from '@/menus'
 import demoConfig from '@demos/config.js'
 import { staticDemoPath } from '../views/components-doc/cmp-config'
+import { isSaas } from '../const'
 
 const allMenus = getAllComponents()
 
 const templateModeState = reactive({
-  isSaas: import.meta.env.VITE_TINY_THEME === 'saas',
+  isSaas,
   modeList: [],
   mode: null
 })

package/src/tools/useTheme.js

@@ -4,7 +4,7 @@ import designSaasConfig from '@opentiny/vue-design-saas'
 import designSMBConfig from '@opentiny/vue-design-smb'
 import { router } from '@/router'
 import { appData } from './appData'
-import { CURRENT_THEME_KEY, DEFAULT_THEME, AURORA_THEME, OLD_THEME, themeToolValuesMap } from '../const'
+import { CURRENT_THEME_KEY, DEFAULT_THEME, AURORA_THEME, OLD_THEME, themeToolValuesMap, isSaas } from '../const'
 import glaciers from '@/assets/images/glaciers.png'
 import glaciersIcon from '@/assets/images/glaciers-icon.png'
 
@@ -51,7 +51,7 @@ watch(
 )
 
 const designConfig = computed(() => {
-  if (import.meta.env.VITE_TINY_THEME === 'saas') {
+  if (isSaas) {
     return designSaasConfig
   }
   if (router.currentRoute.value.params.theme === 'smb-theme') {

package/src/views/components-doc/cmp-config.js

@@ -1,6 +1,7 @@
+import { isSaas } from '../../const'
+
 // 批量导入vue组件示例文件, 进行vue组件示例的渲染
 const vueFiles = import.meta.glob(`@demos/app/**/*.vue`)
-const isSaas = import.meta.env.VITE_TINY_THEME === 'saas'
 const mobileFirstVueFiles = isSaas ? import.meta.glob(`../../../demos/mobile-first/app/**/*.vue`) : null
 // 所有demo组件实例
 const vueComponents = Object.create(null)