diff --git a/devui/date-picker/index.ts b/devui/date-picker/index.ts
index 9f3c7f0e55874512d53c1609984164ead4439a84..58640935a4b9ff30648b1f7ef17e3fb258908c3b 100644
--- a/devui/date-picker/index.ts
+++ b/devui/date-picker/index.ts
@@ -2,12 +2,17 @@ import { App } from 'vue'
 import DatePicker from './date-picker'
 import StickSlider from './stick-slider'
 
+DatePicker.install = function(app: App) {
+  app.component(DatePicker.name, DatePicker)
+  app.component(StickSlider.name, StickSlider)
+}
+
 export { DatePicker, StickSlider }
 
 export default {
-  install(app: App) {
-    DatePicker.version = '0.0.1'
-    app.component(DatePicker.name, DatePicker)
-    app.component(StickSlider.name, StickSlider)
+  title: 'DatePicker 日期选择器',
+  category: '数据录入',
+  install(app: App): void {
+    app.use(DatePicker)
   }
 }
diff --git a/docs/.vitepress/config/sidebar.ts b/docs/.vitepress/config/sidebar.ts
deleted file mode 100644
index 00f650f7c5bb1a875d5b5a12b8aac4e38fa72d79..0000000000000000000000000000000000000000
--- a/docs/.vitepress/config/sidebar.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-export default {
-  '/': [
-    { text: '快速开始', link: '/' },
-    {
-      text: '通用',
-      children: [
-        { text: 'Button 按钮', link: '/components/button/', status: '已完成' },
-        { text: 'Icon 图标', link: '/components/icon/', status: '已完成' },
-        { text: 'DragDrop 拖拽', link: '/components/dragdrop/' },
-        { text: 'Fullscreen 全屏', link: '/components/fullscreen/' },
-        { text: 'Panel 面板', link: '/components/panel/', status: '已完成' },
-        { text: 'Search 搜索框', link: '/components/search/', status: '已完成' },
-        { text: 'Status 状态', link: '/components/status/', status: '已完成' },
-        { text: 'Sticky 便贴', link: '/components/sticky/' },
-        { text: 'Overlay 遮罩层', link: '/components/overlay/' }
-      ]
-    },
-    {
-      text: '导航',
-      children: [
-        { text: 'Accordion 手风琴', link: '/components/accordion/' },
-        { text: 'Anchor 锚点', link: '/components/anchor/' },
-        { text: 'BackTop 回到顶部', link: '/components/back-top/' },
-        { text: 'Breadcrumb 面包屑', link: '/components/breadcrumb/' },
-        { text: 'Dropdown 下拉菜单', link: '/components/dropdown/' },
-        { text: 'NavSprite 导航精灵', link: '/components/nav-sprite/' },
-        { text: 'Pagination 分页', link: '/components/pagination/', status: '开发中' },
-        { text: 'StepsGuide 操作指引', link: '/components/steps-guide/' },
-        { text: 'Tabs 选项卡', link: '/components/tabs/', status: '已完成' },
-        { text: 'Anchor 锚点', link: '/components/Anchor/' },
-      ]
-    },
-    {
-      text: '反馈',
-      children: [
-        { text: 'Alert 警告', link: '/components/alert/', status: '已完成' },
-        { text: 'Drawer 抽屉板', link: '/components/drawer/' },
-        { text: 'Loading 加载提示', link: '/components/loading/', status: '已完成' },
-        { text: 'Mention 提及', link: '/components/mention/' },
-        { text: 'Modal 模态弹窗', link: '/components/modal/' },
-        { text: 'Popover 悬浮提示', link: '/components/popover/', status: "开发中" },
-        { text: 'ReadTip 阅读提示', link: '/components/read-tip/' },
-        { text: 'Toast 全局通知', link: '/components/toast/', status: '已完成' },
-        { text: 'Tooltip 提示', link: '/components/tooltip/' },
-      ]
-    },
-    {
-      text: '数据录入',
-      children: [
-        { text: 'AutoComplete 自动补全', link: '/components/auto-complete/' },
-        { text: 'Cascader 级联菜单', link: '/components/cascader/' },
-        { text: 'CategorySearch 分类搜索', link: '/components/category-search/' },
-        { text: 'Checkbox 复选框', link: '/components/checkbox/', status: '已完成' },
-        { text: 'DatePicker 日期选择器', link: '/components/date-picker/', status: '开发中' },
-        { text: 'DatePickerPro 日期选择器', link: '/components/date-picker-pro/' },
-        { text: 'EditableSelect 可编辑下拉框', link: '/components/editable-select/', status: '开发中' },
-        { text: 'Form 表单', link: '/components/form/' },
-        { text: 'Input 文本框', link: '/components/input/', status: '已完成' },
-        { text: 'InputNumber 数字输入框', link: '/components/input-number/' },
-        { text: 'MultiAutoComplete 多项自动补全', link: '/components/multi-auto-complete/' },
-        { text: 'Radio 单选框', link: '/components/radio/', status: '已完成' },
-        { text: 'Select 下拉选择框', link: '/components/select/', status: '开发中' },
-        { text: 'Slider 滑块', link: '/components/slider/' },
-        { text: 'Switch 开关', link: '/components/switch/', status: '已完成' },
-        { text: 'TagInput 标签输入', link: '/components/tag-input/', status: '已完成' },
-        { text: 'Textarea 多行文本框', link: '/components/textarea/' },
-        { text: 'TimePicker 时间选择器', link: '/components/time-picker/' },
-        { text: 'Transfer 穿梭框', link: '/components/transfer/' },
-        { text: 'TreeSelect 树形选择框', link: '/components/tree-select/' },
-        { text: 'Upload 上传', link: '/components/upload/', status: '开发中' },
-      ]
-    },
-    {
-      text: '数据展示',
-      children: [
-        { text: 'Avatar 头像', link: '/components/avatar/', status: '已完成' },
-        { text: 'Badge 徽标', link: '/components/badge/', status: '已完成' },
-        { text: 'Card 卡片', link: '/components/card/', status: '已完成' },
-        { text: 'Carousel 走马灯', link: '/components/carousel/', status: '已完成' },
-        { text: 'DataTable 表格', link: '/components/data-table/' },
-        { text: 'Gantt 甘特图', link: '/components/gantt/' },
-        { text: 'ImagePreview 图片预览', link: '/components/image-preview/' },
-        { text: 'Progress 进度条', link: '/components/progress/', status: '已完成' },
-        { text: 'QuadrantDiagram 象限图', link: '/components/quadrant-diagram/' },
-        { text: 'Rate 等级评估', link: '/components/rate/', status: '已完成' },
-        { text: 'Tag 标签', link: '/components/tag/' },
-        { text: 'Tree 树', link: '/components/tree/' },
-      ]
-    },
-    {
-      text: '布局',
-      children: [
-        { text: 'Layout 布局', link: '/components/layout/' },
-        { text: 'Splitter 分割器', link: '/components/splitter/', status: '开发中' }
-      ]
-    },
-  ]
-}
diff --git a/docs/components/date-picker/index.md b/docs/components/date-picker/index.md
index e72945be78792ae4cd3c5970b80a03098f703e8f..f9701f651ee5512b1f615371fda98256bc487fff 100644
--- a/docs/components/date-picker/index.md
+++ b/docs/components/date-picker/index.md
@@ -20,7 +20,7 @@ export default defineComponent({
 
 日期、时间可视化输入。
 
-## 属性 auto-close
+### 属性 auto-close
 
 |项目|说明|
 |----|----|
@@ -43,7 +43,7 @@ export default defineComponent({
 <d-datepicker auto-close />
 <d-datepicker />
 
-## 属性 range
+### 属性 range
 
 |项目|说明|
 |----|----|
@@ -65,7 +65,7 @@ export default defineComponent({
 
 <d-datepicker range />
 
-## 属性 format
+### 属性 format
 
 |项目|类型|
 |----|----|
@@ -94,7 +94,7 @@ export default defineComponent({
 |m,mm|minute|规则同`M`|
 |s,ss|second|规则同`M`|
 
-## 属性 range-spliter
+### 属性 range-spliter
 
 |项目|类型|
 |----|----|
@@ -110,7 +110,7 @@ export default defineComponent({
 
 <d-datepicker range range-spliter="至" />
 
-## 事件 selectedDateChange
+### 事件 selectedDateChange
 
 ```vue
 <input :value="eventValue" readonly>