chore(site): support ai-search (#4048)

* chore(site): support ai-search

* chore: update common

Author: anlyyao

packages/tdesign-miniprogram/site/app.vue

@@ -1,7 +1,10 @@
 <template>
   <td-doc-layout>
     <td-header ref="tdHeader" slot="header">
-      <td-doc-search slot="search" ref="tdDocSearch"></td-doc-search>
+      <div slot="search" style="display: flex; align-items: center">
+        <td-ai-button style="margin-right: 8px" framework="miniprogram" :demoRequestBody="demoRequestBody" />
+        <td-doc-search ref="tdDocSearch" />
+      </div>
     </td-header>
     <td-doc-aside ref="tdDocAside" title="WeChat MiniProgram"></td-doc-aside>
 
@@ -41,11 +44,16 @@ const docsMap = {
   en: sortDocs(enDocs),
 };
 
+const demoRequestBody = JSON.stringify({
+  files: {},
+});
+
 export default defineComponent({
   data() {
     return {
       docType: '',
       loaded: false,
+      demoRequestBody,
     };
   },
 
@@ -93,3 +101,9 @@ export default defineComponent({
   },
 });
 </script>
+
+<style lang="less">
+#webchat-sdk-iframe {
+  z-index: 99999;
+}
+</style>

packages/tdesign-miniprogram/site/docs/getting-started.md

@@ -30,7 +30,7 @@ npm i tdesign-miniprogram -S --production
 
 > 构建成功后勾选 `将 JS 编译成 ES5`
 > <br/>
-><img width="200" src="https://tdesign.gtimg.com/miniprogram/docs/getting-started.png" />
+> <img width="200" src="https://tdesign.gtimg.com/miniprogram/docs/getting-started.png" />
 
 
 ## 修改 app.json

packages/tdesign-miniprogram/site/package.json

@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@tdesign/site-components": "^0.17.0",
+    "@tdesign/site-components": "^0.18.0-alpha.2",
     "@types/prismjs": "^1.26.5",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vitejs/plugin-vue-jsx": "^4.2.0",