@opentiny/vue-docs 3.20.4 → 3.20.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "3.20.4",
+  "version": "3.20.6",
   "license": "MIT",
   "dependencies": {
     "@opentiny/vue-repl": "^1.1.2",
@@ -19,20 +19,20 @@
     "@docsearch/js": "^3.8.0",
     "@docsearch/css": "^3.8.0",
     "@docsearch/react": "npm:@docsearch/css",
-    "@opentiny/vue-design-saas": "~3.20.0",
-    "@opentiny/vue-common": "~3.20.1",
     "@opentiny/vue": "~3.20.0",
+    "@opentiny/vue-design-saas": "~3.20.0",
     "@opentiny/vue-directive": "~3.20.0",
     "@opentiny/vue-design-aurora": "~3.20.0",
-    "@opentiny/vue-icon": "~3.20.0",
+    "@opentiny/vue-common": "~3.20.1",
     "@opentiny/vue-design-smb": "~3.20.0",
-    "@opentiny/vue-hooks": "~3.20.0",
     "@opentiny/vue-icon-saas": "~3.20.0",
+    "@opentiny/vue-icon": "~3.20.0",
     "@opentiny/vue-theme": "~3.20.0",
     "@opentiny/vue-icon-multicolor": "~3.20.0",
-    "@opentiny/vue-theme-mobile": "~3.20.0",
+    "@opentiny/vue-theme-saas": "~3.20.0",
+    "@opentiny/vue-hooks": "~3.20.0",
     "@opentiny/vue-vite-import": "~1.2.0",
-    "@opentiny/vue-theme-saas": "~3.20.0"
+    "@opentiny/vue-theme-mobile": "~3.20.0"
   },
   "devDependencies": {
     "@playwright/test": "~1.42.0",

package/src/main.js

@@ -33,6 +33,7 @@ import css from 'highlight.js/lib/languages/css'
 import html from 'highlight.js/lib/languages/xml'
 import docsearch from '@docsearch/js'
 import '@docsearch/css'
+import { doSearchEverySite } from './tools/docsearch'
 
 const envTarget = import.meta.env.VITE_BUILD_TARGET || 'open'
 
@@ -40,14 +41,17 @@ hljs.registerLanguage('javascript', javascript)
 hljs.registerLanguage('css', css)
 hljs.registerLanguage('html', html)
 
-if (envTarget === 'open') {
-  docsearch({
-    appId: 'AGPA5UXHMH',
-    apiKey: '5fa09fc20270efa61d68e2c2eb0f56df',
-    indexName: 'opentiny',
-    container: '.search-box',
-    debug: false
-  })
+docsearch({
+  appId: 'AGPA5UXHMH',
+  apiKey: '5fa09fc20270efa61d68e2c2eb0f56df',
+  indexName: 'opentiny',
+  container: '.search-box',
+  debug: false
+})
+
+if (envTarget !== 'open') {
+  // 支持本地开发和内网使用全局搜索
+  doSearchEverySite()
 }
 
 // 实验后发现，先调用一次预热一下，后续再调用会有速度的提示，因此在main中预热一下。

package/src/style.css

@@ -37,7 +37,7 @@ strong {
   left: 210px;
 }
 
-.DocSearch-Container {
+.DocSearch.DocSearch-Container {
   z-index: 1000;
   font-size: 14px;
 }
@@ -72,11 +72,11 @@ strong {
 }
 
 @media screen and (max-width: 768px) {
-  .DocSearch-Modal {
-    margin-top: 60px;
-  }
-
   .search-box {
     left: 230px;
   }
+
+  .search-box .DocSearch-Button {
+    padding: 0 11px;
+  }
 }

package/src/tools/docsearch.js

@@ -0,0 +1,11 @@
+export const doSearchEverySite = () => {
+  window.handleGlobalSearchData = (resolve) => {
+    return (data) => {
+      if (typeof data.content === 'string') {
+        data.content = data.content.replaceAll('https://opentiny.design', window.location.origin)
+      }
+
+      resolve(data)
+    }
+  }
+}

package/vite-dosearch-plugin.js

@@ -0,0 +1,16 @@
+export default function viteDosearchPlugin() {
+  return {
+    name: 'vite-dosearch-plugin',
+    enforce: 'pre',
+    transform(code, id) {
+      if (id.includes('@docsearch')) {
+        const rep = /function\((.+)\)\s*?{\s*?(.+)new XMLHttpRequest/
+        const newCode = code.replace(rep, 'function($1) {$1=window.handleGlobalSearchData($1); $2new XMLHttpRequest')
+        return {
+          code: newCode,
+          map: null
+        }
+      }
+    }
+  }
+}

package/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import viteDosearchPlugin from './vite-dosearch-plugin'
 import Unocss from 'unocss/vite'
 import path from 'node:path'
 import UnoCssConfig from './uno.config'
@@ -42,6 +43,7 @@ export default defineConfig((config) => {
   const env = loadEnv(config.mode, process.cwd() + '/env', '')
   const isSaas = env.VITE_TINY_THEME === 'saas'
   const isPlus = env.VITE_APP_MODE === 'plus'
+  const isInner = env.VITE_BUILD_TARGET === 'inner'
   const demosPath = isPlus ? '../plusdocs/pc' : `./demos/${env.VITE_APP_MODE}`
   const apisPath = isPlus ? '../plusdocs/apis' : './demos/apis'
   const menuPath = isSaas ? path.resolve('./demos/saas') : path.resolve(demosPath)
@@ -115,7 +117,8 @@ export default defineConfig((config) => {
       viteStaticCopy({
         targets: copyTarget
       }),
-      delStatic()
+      delStatic(),
+      isInner ? viteDosearchPlugin() : null
     ],
     optimizeDeps: getOptimizeDeps(3),
     build: {