@opentiny/vue-docs 3.20.3 → 3.20.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "3.20.3",
+  "version": "3.20.5",
   "license": "MIT",
   "dependencies": {
     "@opentiny/vue-repl": "^1.1.2",
@@ -18,20 +18,21 @@
     "vue-router": "4.1.5",
     "@docsearch/js": "^3.8.0",
     "@docsearch/css": "^3.8.0",
+    "@docsearch/react": "npm:@docsearch/css",
     "@opentiny/vue": "~3.20.0",
-    "@opentiny/vue-design-saas": "~3.20.0",
     "@opentiny/vue-common": "~3.20.1",
     "@opentiny/vue-design-aurora": "~3.20.0",
+    "@opentiny/vue-design-saas": "~3.20.0",
     "@opentiny/vue-design-smb": "~3.20.0",
     "@opentiny/vue-directive": "~3.20.0",
     "@opentiny/vue-hooks": "~3.20.0",
-    "@opentiny/vue-icon": "~3.20.0",
     "@opentiny/vue-icon-multicolor": "~3.20.0",
-    "@opentiny/vue-theme": "~3.20.0",
+    "@opentiny/vue-icon": "~3.20.0",
     "@opentiny/vue-icon-saas": "~3.20.0",
-    "@opentiny/vue-theme-saas": "~3.20.0",
+    "@opentiny/vue-theme": "~3.20.0",
+    "@opentiny/vue-theme-mobile": "~3.20.0",
     "@opentiny/vue-vite-import": "~1.2.0",
-    "@opentiny/vue-theme-mobile": "~3.20.0"
+    "@opentiny/vue-theme-saas": "~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,26 @@
+const HIT_CLASS = 'DocSearch-Hit'
+
+const findUrlLink = (target) => {
+  if (target?.nodeName?.toLocaleLowerCase?.() === 'a') {
+    return target.getAttribute('href')
+  } else if (target?.parentElement) {
+    return findUrlLink(target.parentElement)
+  }
+}
+
+const isAlgoliaHitDom = (dom) =>
+  dom?.className?.includes?.(HIT_CLASS) || dom?.parentElement?.className?.includes?.(HIT_CLASS)
+
+export const doSearchEverySite = () => {
+  window.addEventListener('click', (event) => {
+    const target = event.target
+    if (isAlgoliaHitDom(target)) {
+      const openUrl = findUrlLink(target)
+      if (openUrl) {
+        const urlObj = new URL(openUrl)
+        event.preventDefault()
+        window.location.href = openUrl.replace(urlObj.origin, window.location.origin)
+      }
+    }
+  })
+}