diff --git a/nezha-docs/docs/.vitepress/sidebar.js b/nezha-docs/docs/.vitepress/sidebar.js
index be0ac3d8c..436ae45f4 100644
--- a/nezha-docs/docs/.vitepress/sidebar.js
+++ b/nezha-docs/docs/.vitepress/sidebar.js
@@ -67,6 +67,13 @@ export const sidebar = {
       items:[
         {text:'clickSearch', link: '/clickSearch'},
         {text:'promqlInput', link: '/promqlInput'},
+        {
+          text:'pickTime',
+          link: '/pickTime',
+          items: [
+              {text:'multipleTime', link: '/multipleTime'}
+          ]
+        },
       ]
     },
     {
@@ -77,11 +84,18 @@ export const sidebar = {
         {text:'xterm', link: '/xterm'},
         {text:'时间插件', link: '/time'},
         {text:'Quill', link: '/quill'},
+        {text:'D3', link: '/d3'},
+        {text:'selectpage', link: '/selectpage'},
       ]
     },
     {
       text: '注意事项',
       link: '/note',
+      items: [
+        {text:'dashboard 流程'},
+        {text:'主题简单使用教程'},
+        {text:'国际化使用教程'},
+      ]
     }
   ],
 };
diff --git a/nezha-docs/src/linkPlug/d3/index.en-US.md b/nezha-docs/src/linkPlug/d3/index.en-US.md
new file mode 100644
index 000000000..56b5d26ba
--- /dev/null
+++ b/nezha-docs/src/linkPlug/d3/index.en-US.md
@@ -0,0 +1,14 @@
+---
+map:
+  path: /d3
+---
+
+基于svg的可视化插件
+
+# 官方地址
+https://observablehq.com/@d3/gallery?utm_source=d3js-org&utm_medium=nav&utm_campaign=try-observable
+
+
+
+<API src="./index.vue" lang="en"></API>
+
diff --git a/nezha-docs/src/linkPlug/d3/index.vue b/nezha-docs/src/linkPlug/d3/index.vue
new file mode 100644
index 000000000..e647ab38e
--- /dev/null
+++ b/nezha-docs/src/linkPlug/d3/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+const props = withDefaults(defineProps<{
+
+}>(), {
+
+})
+</script>
+
+<template>
+  <div>
+  </div>
+</template>
diff --git a/nezha-docs/src/linkPlug/d3/index.zh-CN.md b/nezha-docs/src/linkPlug/d3/index.zh-CN.md
new file mode 100644
index 000000000..56b5d26ba
--- /dev/null
+++ b/nezha-docs/src/linkPlug/d3/index.zh-CN.md
@@ -0,0 +1,14 @@
+---
+map:
+  path: /d3
+---
+
+基于svg的可视化插件
+
+# 官方地址
+https://observablehq.com/@d3/gallery?utm_source=d3js-org&utm_medium=nav&utm_campaign=try-observable
+
+
+
+<API src="./index.vue" lang="en"></API>
+
diff --git a/nezha-docs/src/linkPlug/le5le/index.en-US.md b/nezha-docs/src/linkPlug/le5le/index.en-US.md
index 60e33fe58..bd775b90c 100644
--- a/nezha-docs/src/linkPlug/le5le/index.en-US.md
+++ b/nezha-docs/src/linkPlug/le5le/index.en-US.md
@@ -2,10 +2,13 @@
 map:
   path: /le5le
 ---
+
+拓扑图
+
 # 官方文档
 https://doc.le5le.com/document/119882449
 
-拓扑图相关插件
+
 
 # 注意事项
 
diff --git a/nezha-docs/src/linkPlug/le5le/index.zh-CN.md b/nezha-docs/src/linkPlug/le5le/index.zh-CN.md
index cc250cab9..b9350b959 100644
--- a/nezha-docs/src/linkPlug/le5le/index.zh-CN.md
+++ b/nezha-docs/src/linkPlug/le5le/index.zh-CN.md
@@ -2,10 +2,12 @@
 map:
   path: /le5le
 ---
+
+拓扑图
+
 # 官方文档
 https://doc.le5le.com/document/119882449
 
-拓扑图相关插件
 
 # 注意事项
 
diff --git a/nezha-docs/src/linkPlug/selectpage/index.en-US.md b/nezha-docs/src/linkPlug/selectpage/index.en-US.md
new file mode 100644
index 000000000..26f15ecd4
--- /dev/null
+++ b/nezha-docs/src/linkPlug/selectpage/index.en-US.md
@@ -0,0 +1,15 @@
+---
+map:
+  path: /selectpage
+---
+
+下拉选择组件
+
+# 官方地址
+https://github.com/TerryZ/v-selectpage/tree/dev-vue-2
+
+# 注意事项
+因多选选择以及回显有问题 已将源码复制到本地并修改
+
+
+
diff --git a/nezha-docs/src/linkPlug/selectpage/index.vue b/nezha-docs/src/linkPlug/selectpage/index.vue
new file mode 100644
index 000000000..e647ab38e
--- /dev/null
+++ b/nezha-docs/src/linkPlug/selectpage/index.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+const props = withDefaults(defineProps<{
+
+}>(), {
+
+})
+</script>
+
+<template>
+  <div>
+  </div>
+</template>
diff --git a/nezha-docs/src/linkPlug/selectpage/index.zh-CN.md b/nezha-docs/src/linkPlug/selectpage/index.zh-CN.md
new file mode 100644
index 000000000..39c93d202
--- /dev/null
+++ b/nezha-docs/src/linkPlug/selectpage/index.zh-CN.md
@@ -0,0 +1,14 @@
+---
+map:
+  path: /selectpage
+---
+
+下拉选择组件
+
+# 官方地址
+https://github.com/TerryZ/v-selectpage/tree/dev-vue-2
+
+# 注意事项
+因多选选择以及回显有问题 已将源码复制到本地并修改
+
+
diff --git a/nezha-docs/src/linkPlug/xterm/index.en-US.md b/nezha-docs/src/linkPlug/xterm/index.en-US.md
index cf6714997..6e7c33afe 100644
--- a/nezha-docs/src/linkPlug/xterm/index.en-US.md
+++ b/nezha-docs/src/linkPlug/xterm/index.en-US.md
@@ -3,11 +3,15 @@ map:
   path: /xterm
 ---
 
+前端shell
+
 # 官方地址
 https://xtermjs.org/
 
 # 注意事项
 api 可以在xterm.js 的 TypeScript 声明文件中找到
 
+宽高必须计算好 否则会导致换行错误
+
 <API src="./index.vue" lang="en"></API>
 
diff --git a/nezha-docs/src/linkPlug/xterm/index.zh-CN.md b/nezha-docs/src/linkPlug/xterm/index.zh-CN.md
index fb78d4687..af677b5b6 100644
--- a/nezha-docs/src/linkPlug/xterm/index.zh-CN.md
+++ b/nezha-docs/src/linkPlug/xterm/index.zh-CN.md
@@ -3,11 +3,15 @@ map:
   path: /xterm
 ---
 
+前端shell
+
 # 官方地址
 https://xtermjs.org/
 
 # 注意事项
 api 可以在xterm.js 的 TypeScript 声明文件中找到
 
+宽高必须计算好 否则会导致换行错误
+
 
 <API src="./index.vue" lang="zh"></API>
\ No newline at end of file
diff --git a/nezha-docs/src/nzPlug/promqlInput/index.en-US.md b/nezha-docs/src/nzPlug/promqlInput/index.en-US.md
index 67c44f7ae..8eee69704 100644
--- a/nezha-docs/src/nzPlug/promqlInput/index.en-US.md
+++ b/nezha-docs/src/nzPlug/promqlInput/index.en-US.md
@@ -6,7 +6,7 @@ map:
 promql 输入组件
 
 # 相关链接
-codemirror : https://github.com/codemirror/codemirror5
+codemirror : https://github.com/codemirror/codemirror5 <br>
 codemirror-promql : https://github.com/prometheus/codemirror-promql
 
 
diff --git a/nezha-docs/src/nzPlug/promqlInput/index.zh-CN.md b/nezha-docs/src/nzPlug/promqlInput/index.zh-CN.md
index f0b4285b4..2c318a5d9 100644
--- a/nezha-docs/src/nzPlug/promqlInput/index.zh-CN.md
+++ b/nezha-docs/src/nzPlug/promqlInput/index.zh-CN.md
@@ -6,7 +6,7 @@ map:
 promql 输入组件
 
 # 相关链接
-codemirror : https://github.com/codemirror/codemirror5
+codemirror : https://github.com/codemirror/codemirror5 <br>
 codemirror-promql : https://github.com/prometheus/codemirror-promql
 
 
diff --git a/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.en-US.md b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.en-US.md
new file mode 100644
index 000000000..375f21562
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.en-US.md
@@ -0,0 +1,26 @@
+---
+map:
+  path: /multipleTime
+---
+
+时间选择器 同比组件
+
+# 示例代码
+```vue
+
+<multipleTime
+    :stepSearchTime="searchTime"
+    class="multiple-time margin-r-10"
+    @change="dateChange(searchTime)"
+/>
+```
+
+
+
+# 注意事项
+
+回显需要赋值之后再次设置相应时间
+
+
+<API src="./index.vue" lang="en"></API>
+
diff --git a/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.vue b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.vue
new file mode 100644
index 000000000..d3226b36b
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+const props = withDefaults(defineProps<{
+
+
+
+}>(), {
+
+})
+</script>
+
+<template>
+  <div>
+  </div>
+</template>
diff --git a/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.zh-CN.md b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.zh-CN.md
new file mode 100644
index 000000000..ad0904b24
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/child/multipleTime/index.zh-CN.md
@@ -0,0 +1,27 @@
+---
+map:
+  path: /multipleTime
+---
+
+时间选择器 同比组件
+
+# 示例代码
+```vue
+
+<multipleTime 
+    :stepSearchTime="searchTime"
+    class="multiple-time margin-r-10"
+    @change="dateChange(searchTime)"
+/>
+
+```
+
+
+
+# 注意事项
+
+回显需要赋值之后再次设置相应时间
+
+
+<API src="./index.vue" lang="zh"></API>
+
diff --git a/nezha-docs/src/nzPlug/time/pickTime/index.en-US.md b/nezha-docs/src/nzPlug/time/pickTime/index.en-US.md
new file mode 100644
index 000000000..14a9e3c84
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/index.en-US.md
@@ -0,0 +1,30 @@
+---
+map:
+  path: /pickTime
+---
+
+时间选择器组件
+
+# 示例代码
+```vue
+
+<pick-time 
+    v-model="searchTime"
+    sign="message"
+    :default-pick="defaultPick"
+    :refresh-data-func="dateChange" 
+    :show-empty="true" 
+    :use-chart-unit="false"
+    :use-refresh="true"
+></pick-time>
+```
+
+
+
+# 注意事项
+
+回显需要赋值之后再次设置相应时间
+
+
+<API src="./index.vue" lang="en"></API>
+
diff --git a/nezha-docs/src/nzPlug/time/pickTime/index.vue b/nezha-docs/src/nzPlug/time/pickTime/index.vue
new file mode 100644
index 000000000..7eedd963c
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/index.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+const props = withDefaults(defineProps<{
+  /**
+   * 绑定的时间数组
+   */
+  model?: Array<any>,
+  /**
+   * 刷新函数
+   */
+  refreshDataFunc?: Function,
+  /**
+   * 是否显示刷新
+   */
+  useRefresh?: boolean
+  /**
+   * 是否显示chart单位
+   */
+  useChartUnit?: boolean
+  /**
+   * 是否显示时间选择则
+   */
+  showTimePicker?: boolean
+  /**
+   * 是否显示时间同比
+   */
+  showMultiple?: boolean,
+  /**
+   * 默认显示时间
+   */
+  defaultPick?: Number,
+  /**
+   * 是否可以设置为空
+   */
+  showEmpty?: boolean,
+  /**
+   * 唯一id
+   */
+  id?: String,
+  /**
+   * 标识 用于区分是底弹窗 还是主页面
+   */
+  sign?: [Number, String],
+  /**
+   * 是否显示锁定
+   */
+  showLocked?: boolean,
+
+}>(), {
+
+})
+</script>
+
+<template>
+  <div>
+  </div>
+</template>
diff --git a/nezha-docs/src/nzPlug/time/pickTime/index.zh-CN.md b/nezha-docs/src/nzPlug/time/pickTime/index.zh-CN.md
new file mode 100644
index 000000000..1e6fb55b7
--- /dev/null
+++ b/nezha-docs/src/nzPlug/time/pickTime/index.zh-CN.md
@@ -0,0 +1,30 @@
+---
+map:
+  path: /pickTime
+---
+
+时间选择器组件
+
+# 示例代码
+```vue
+
+<pick-time 
+    v-model="searchTime"
+    sign="message"
+    :default-pick="defaultPick"
+    :refresh-data-func="dateChange" 
+    :show-empty="true" 
+    :use-chart-unit="false"
+    :use-refresh="true"
+></pick-time>
+```
+
+
+
+# 注意事项
+
+回显需要赋值之后再次设置相应时间
+
+
+<API src="./index.vue" lang="zh"></API>
+