diff --git a/packages/docs/plugins/generateComponentRouter.ts b/packages/docs/plugins/generateComponentRouter.ts
index 61aac65eccf7cdc342ecfda325f2c5cc0b293881..75b549a74afb507c50cbf167df64e9d607206264 100644
--- a/packages/docs/plugins/generateComponentRouter.ts
+++ b/packages/docs/plugins/generateComponentRouter.ts
@@ -54,13 +54,14 @@ const emit = debounce(() => {
           meta: {
             ...matterData.data,
             lang: info.lang,
+            sidebarName: 'components'
           },
         };
       });
     })
     .then((res) => {
       return `import { type RouteRecordRaw } from 'vue-router';
-export const routes: Array<RouteRecordRaw & { name: \`component/\${string}/\${string}\`; meta: { sidebar: string; lang: string } }> = [
+export const routes: Array<RouteRecordRaw & { name: \`component/\${string}/\${string}\`; meta: { sidebar: string; lang: string; kind: string; sidebarName: string; } }> = [
 ${res
   .map(
     (info) => `  {
diff --git a/packages/docs/src/components/TheAside.vue b/packages/docs/src/components/TheAside.vue
index 261bc899cd3af2644b63c3654842941a8756b281..5cc6cef008bfdb12058b5c08ffd0c3249b083e60 100644
--- a/packages/docs/src/components/TheAside.vue
+++ b/packages/docs/src/components/TheAside.vue
@@ -1,30 +1,44 @@
 <script setup lang="ts">
+import { h, ref, watch } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
-import { useSidebarStore } from '@/stores/sidebar';
+import { useSidebarStore, type NavItem } from '@/stores/sidebar';
+import { OMenu, OSubMenu, OMenuItem } from '@opensig/opendesign';
 const router = useRouter();
 const route = useRoute();
 
-type NavItem = {
-  path: string;
-  name: string;
-  label: string;
-};
 const sidebarStore = useSidebarStore();
 
-const navClick = (item: NavItem) => {
-  router.push(item.path);
-};
 const emits = defineEmits<{
   (e: 'clickSidebar'): void;
 }>();
+
+const RecursiveMenu = (props: NavItem) => {
+  if (props.children?.length) {
+    return h(OSubMenu, { value: props.value }, { default: () => props.children!.map((item) => h(RecursiveMenu, item)), title: () => props.label });
+  }
+  return h(OMenuItem, { value: props.value }, { default: () => props.label });
+};
+const path = ref('');
+const expand = ref<string[]>([]);
+watch(
+  () => route.path,
+  (newPath) => {
+    path.value = newPath;
+    if (typeof route.meta.kind === 'string') {
+      expand.value = [route.meta.kind];
+    }
+  },
+  { immediate: true },
+);
+watch(path, (newPath) => {
+  router.push(newPath);
+});
 </script>
 <template>
   <aside class="the-aside">
-    <div class="nav-list">
-      <div v-for="item in sidebarStore.navList" :key="item.path" class="nav-item" :class="{ active: route.name === item.name }" @click="navClick(item)">
-        {{ item.label }}
-      </div>
-    </div>
+    <OMenu v-model="path" v-model:expanded="expand" size="small" class="nav-list">
+      <RecursiveMenu v-for="item in sidebarStore.navList" :key="item.value" v-bind="item" />
+    </OMenu>
     <div class="controller" @click="emits('clickSidebar')">
       <div class="vertical-line"></div>
     </div>
@@ -37,8 +51,11 @@ const emits = defineEmits<{
   border-right: 1px solid var(--o-color-control1-light);
 }
 .nav-list {
-  width: var(--app-aside-static-width);
   margin-left: auto;
+  --menu-width: auto;
+  @include respond-to('>pc') {
+    --menu-width: var(--app-aside-static-width);
+  }
 }
 .nav-item {
   padding: var(--o3-gap-2) var(--o3-gap-4);
diff --git a/packages/docs/src/components/TheHeader.vue b/packages/docs/src/components/TheHeader.vue
index 12e7ca88d4734d3dabe99efb65fad3c29ffe42a4..4bfdba4e0e7e7063df68a41158f6b97377cf4b5d 100644
--- a/packages/docs/src/components/TheHeader.vue
+++ b/packages/docs/src/components/TheHeader.vue
@@ -13,6 +13,7 @@ const themeStore = useThemeStore();
 const router = useRouter();
 const route = useRoute();
 
+const { changeSidebar } = sidebarStore;
 const skinColorName = computed(() => {
   return `${themeStore.skinName}-${themeStore.color}`;
 });
@@ -25,12 +26,8 @@ const { t, locale } = useI18n();
 
 const sidebarRouteOptions = Object.entries(sidebarRouteConfig).map(([key, value]) => ({ value: key as SidebarNameT, label: value.label }));
 
-const changeSidebar = (name: SidebarNameT) => {
-  sidebarStore.sidebarName = name;
-  router.push(sidebarStore.navList[0] || '/');
-};
 watch(locale, (newLocale, oldLocale) => {
-  if (sidebarStore.sidebarName === 'component') {
+  if (sidebarStore.sidebarName === 'components') {
     try {
       const newPath = router.resolve(route.path.replace(new RegExp(`^/${oldLocale}/`), `/${newLocale}/`));
       router.push(newPath);
@@ -55,7 +52,7 @@ watch(locale, (newLocale, oldLocale) => {
           :class="{ active: sidebarStore.sidebarName === item.value }"
           @click="changeSidebar(item.value)"
         >
-          {{ item.label() }}
+          {{ typeof item.label === 'function' ? item.label() : item.label }}
         </div>
       </div>
       <div class="tools">
diff --git a/packages/docs/src/lang/en-US.ts b/packages/docs/src/lang/en-US.ts
index 6c63460cc1b34d01f524a25b853358965d68fd9f..ef9e4bdbe236555058a851cf164ff10ed37a6848 100644
--- a/packages/docs/src/lang/en-US.ts
+++ b/packages/docs/src/lang/en-US.ts
@@ -4,5 +4,11 @@ export default {
   'header.globalSettings': 'Global settings',
   'header.home': 'Home',
   'header.theme': 'Theme',
-  'dev.devEnv': 'dev env'
+  'dev.devEnv': 'dev env',
+  'menu.nav': 'Navigation component',
+  'menu.operator': 'Operation component',
+  'menu.input': 'Input component',
+  'menu.feedback': 'Feedback component',
+  'menu.container': 'Container component',
+  'menu.display': 'Display component'
 };
diff --git a/packages/docs/src/lang/zh-CN.ts b/packages/docs/src/lang/zh-CN.ts
index 69a3c728466418d54adeff42a8aa0246b4367189..e1c2816d65634394b740e9ce8e4c7a56b021e8dd 100644
--- a/packages/docs/src/lang/zh-CN.ts
+++ b/packages/docs/src/lang/zh-CN.ts
@@ -5,4 +5,10 @@ export default {
   'header.home': '首页',
   'header.theme': '主题',
   'dev.devEnv': '开发环境',
+  'menu.nav': '导航组件',
+  'menu.operator': '操作组件',
+  'menu.input': '输入组件',
+  'menu.feedback': '反馈组件',
+  'menu.container': '容器组件',
+  'menu.display': '展示组件'
 };
diff --git a/packages/docs/src/router/index.ts b/packages/docs/src/router/index.ts
index 233463411d29094eb206109aba38f102f603b308..ae539edbc9ac5d459d0c4c2e3e8aa2b1f13d7e82 100644
--- a/packages/docs/src/router/index.ts
+++ b/packages/docs/src/router/index.ts
@@ -12,14 +12,24 @@ export const router = createRouter({
       component: TheHome,
     },
     ...componentRoutes,
-  ]
+  ],
 });
-
+export type MetaT = { sidebar: string; lang: string; kind: string; sidebarName: string };
+export type RouteT = {
+  path: string;
+  meta: MetaT;
+};
+export type SidebarItemT = {
+  routes: RouteT[];
+  label: string | (() => string);
+  subMenuOrder: string[];
+};
 export const sidebarRouteConfig = {
-  component: {
+  components: {
     routes: componentRoutes,
     label: () => useI18n().t('components.component'),
+    subMenuOrder: ['nav', 'operator', 'input', 'container', 'display', 'feedback'],
   },
-};
+} satisfies Record<string, SidebarItemT>;
 
 export type SidebarNameT = keyof typeof sidebarRouteConfig;
diff --git a/packages/docs/src/stores/sidebar.ts b/packages/docs/src/stores/sidebar.ts
index ac2e0b2192ca012b30df2fd7ba8be3596b4997ea..b5ae6dd13782a54293efb5a4da4378b520bb2cb7 100644
--- a/packages/docs/src/stores/sidebar.ts
+++ b/packages/docs/src/stores/sidebar.ts
@@ -1,43 +1,115 @@
 import { defineStore } from 'pinia';
-import { computed, ref, watchEffect } from 'vue';
-import { useRoute } from 'vue-router';
+import { computed, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import { sidebarRouteConfig, type SidebarNameT } from '@/router';
 import { useI18n } from '@opensig/opendesign';
-type MetaT = { sidebar: string; lang: string };
-
-export const useSidebarStore = defineStore('sidebar', () => {
-  const nameOptions = Object.keys(sidebarRouteConfig) as SidebarNameT[];
-  const sidebarName = ref<SidebarNameT | ''>('');
-  const { locale } = useI18n();
-  const route = useRoute();
-  watchEffect(() => {
-    if (!route.name || typeof route.name !== 'string') {
-      return;
-    }
-    const cleanName = route.name.split('/')[0] as SidebarNameT;
-    if (nameOptions.includes(cleanName)) {
-      sidebarName.value = cleanName;
+export type NavItem = {
+  value: string;
+  label: string;
+  children?: NavItem[];
+};
+/** 从NavItem数组中找到一个最深的且最近的节点，该节点就是菜单中第一个可跳转的节点 */
+const getDeepestNearestNavItem = (navList: NavItem[]): NavItem | null => {
+  for (const item of navList) {
+    if (item.children?.length) {
+      const deepest = getDeepestNearestNavItem(item.children);
+      if (deepest) {
+        return deepest;
+      }
     } else {
-      sidebarName.value = '';
+      return item;
     }
+  }
+  return null;
+};
+/** 是否有名为sidebarName的侧边栏 */
+const hasTheSidebar = (sidebarName: string): sidebarName is SidebarNameT => {
+  return Object.prototype.hasOwnProperty.call(sidebarRouteConfig, sidebarName);
+};
+/** 对 NavItem 进行深度排序 */
+const deepSort = (children: NavItem[]) => {
+  children.sort((a, b) => a.label.localeCompare(b.label));
+  children.forEach((child) => child.children && deepSort(child.children));
+};
+/** 对 NavItem 进行深度排序：第一层按照 firstLevelOrder 排序，其余深度按照标题字符串排序 */
+const sortNavItem = (navList: NavItem[], firstLevelOrder: string[] = []) => {
+  const firstLevelOrderMap = firstLevelOrder.reduce(
+    (acc, cur, index) => {
+      acc[cur] = index;
+      return acc;
+    },
+    {} as Record<string, number>,
+  );
+  navList.sort((a, b) => {
+    const aOrder = firstLevelOrderMap[a.value] ?? 0;
+    const bOrder = firstLevelOrderMap[b.value] ?? 0;
+    return aOrder - bOrder;
   });
-  const navList = computed(() => {
-    if (!sidebarName.value) {
-      return [];
+  navList.forEach((item) => item.children && deepSort(item.children));
+  return navList;
+};
+const getNavList = (sidebarName: string, lang: string, t: (key: string) => string) => {
+  if (!sidebarName || !hasTheSidebar(sidebarName)) {
+    return [];
+  }
+  const { routes, subMenuOrder } = sidebarRouteConfig[sidebarName];
+  const _navList: NavItem[] = [];
+  const navItemRecord: Record<string, NavItem> = {};
+  for (const item of routes) {
+    const meta = item.meta;
+    if (meta.lang === lang) {
+      const kind = meta.kind;
+      let subMenu = navItemRecord[kind];
+      if (!subMenu) {
+        subMenu = { value: kind, label: t(`menu.${kind}`), children: [] };
+        navItemRecord[kind] = subMenu;
+        _navList.push(subMenu);
+      }
+      subMenu.children?.push({
+        value: item.path,
+        label: meta.sidebar,
+      });
     }
-    const routes = sidebarRouteConfig[sidebarName.value].routes;
-    return routes
-      .filter((item) => (item.meta as MetaT).lang === locale.value)
-      .map((item) => ({
-        path: item.path,
-        name: item.name as string,
-        label: (item.meta as MetaT).sidebar,
-      }));
-  });
+  }
+  sortNavItem(_navList, subMenuOrder);
+  return _navList;
+};
+const normalizeSidebarName = (sidebarName: any) => {
+  if (typeof sidebarName === 'string' && hasTheSidebar(sidebarName)) {
+    return sidebarName;
+  }
+  return '';
+};
+export const useSidebarStore = defineStore('sidebar', () => {
+  const router = useRouter();
+  const { locale, t } = useI18n();
+  const sidebarName = ref<SidebarNameT | ''>('');
+  watch(
+    () => router.currentRoute.value.meta.sidebarName,
+    (newVal) => {
+      sidebarName.value = normalizeSidebarName(newVal);
+    },
+    { immediate: true },
+  );
+  const navList = computed(() => getNavList(sidebarName.value, locale.value, t));
   const hasData = computed(() => sidebarName.value && navList.value.length);
+  const changeSidebar = (_sidebarName: SidebarNameT | '') => {
+    if (hasTheSidebar(_sidebarName)) {
+      sidebarName.value = _sidebarName;
+      const dfNavItem = getDeepestNearestNavItem(navList.value);
+      if (dfNavItem) {
+        router.push(dfNavItem.value);
+      } else {
+        sidebarName.value = _sidebarName;
+      }
+    } else {
+      sidebarName.value = '';
+    }
+  };
   return {
-    sidebarName,
+    sidebarName: computed(() => sidebarName.value),
     navList,
     hasData,
+    changeSidebar,
   };
 });
diff --git a/packages/opendesign/src/anchor/__docs__/index.en-US.md b/packages/opendesign/src/anchor/__docs__/index.en-US.md
index 87afa29a478bb718df6d50532df7f283fa79da80..7120ca5471539eeafca7bccf8275ce34e3ff0a02 100644
--- a/packages/opendesign/src/anchor/__docs__/index.en-US.md
+++ b/packages/opendesign/src/anchor/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OAnchor
+kind: nav
 ---
 
 # Anchor
diff --git a/packages/opendesign/src/anchor/__docs__/index.zh-CN.md b/packages/opendesign/src/anchor/__docs__/index.zh-CN.md
index fca9fc4c63c598b218539174f342a29d7a755e13..ea1b4ae975d5eecf5f008f0eec42980dfca4d85c 100644
--- a/packages/opendesign/src/anchor/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/anchor/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OAnchor 锚点
+kind: nav
 ---
 
 # 锚点
diff --git a/packages/opendesign/src/badge/__docs__/index.en-US.md b/packages/opendesign/src/badge/__docs__/index.en-US.md
index f75fa7269dae7ebd5d86f1ca5cf2f78bf6c1ad96..fb6d8f0436fd92cd5e524328f1005a62672dfa43 100644
--- a/packages/opendesign/src/badge/__docs__/index.en-US.md
+++ b/packages/opendesign/src/badge/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OBadge
+kind: display
 ---
 
 # OBadge
diff --git a/packages/opendesign/src/badge/__docs__/index.zh-CN.md b/packages/opendesign/src/badge/__docs__/index.zh-CN.md
index 77039325f863b16fa54217cce3b97f6362cf260d..d48785f23c2b50614c85ee6649616950a0346914 100644
--- a/packages/opendesign/src/badge/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/badge/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OBadge 徽标
+kind: display
 ---
 
 # 徽标
diff --git a/packages/opendesign/src/breadcrumb/__docs__/index.en-US.md b/packages/opendesign/src/breadcrumb/__docs__/index.en-US.md
index 038c835c51a4bdda67af75d2003da05e12f7d1f3..2f026ef24ca0cedee529ba17768b28fb1925889e 100644
--- a/packages/opendesign/src/breadcrumb/__docs__/index.en-US.md
+++ b/packages/opendesign/src/breadcrumb/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OBreadcrumb
+kind: nav
 ---
 
 # Breadcrumb
diff --git a/packages/opendesign/src/breadcrumb/__docs__/index.zh-CN.md b/packages/opendesign/src/breadcrumb/__docs__/index.zh-CN.md
index 83469f9c731af2b5fdb6a37f115a28953985d6c0..e5a0a4e203efb12560730d38dc1dd75905496558 100644
--- a/packages/opendesign/src/breadcrumb/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/breadcrumb/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OBreadcrumb 面包屑
+kind: nav
 ---
 
 # 面包屑
diff --git a/packages/opendesign/src/button/__docs__/index.en-US.md b/packages/opendesign/src/button/__docs__/index.en-US.md
index ed5592c72ce833795a3e2d9cc8e7999d6de0239f..ce8e06a5c21cbdf4bd0bdd19cb76377d2a68ac0d 100644
--- a/packages/opendesign/src/button/__docs__/index.en-US.md
+++ b/packages/opendesign/src/button/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OButton
+kind: operator
 ---
 
 # Button
diff --git a/packages/opendesign/src/button/__docs__/index.zh-CN.md b/packages/opendesign/src/button/__docs__/index.zh-CN.md
index 8d12109425ed7e91346bdc8470773d6b0f2f9427..058d2e29495428e005e05e81206131206a1058fd 100644
--- a/packages/opendesign/src/button/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/button/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OButton 按钮
+kind: operator
 ---
 
 # 按钮
diff --git a/packages/opendesign/src/card/__docs__/index.en-US.md b/packages/opendesign/src/card/__docs__/index.en-US.md
index 238eaf32982fd5648c8c3948e50f9cc108b9fdd1..83fbfa641634859cf9bac350a1e761ca85ff812a 100644
--- a/packages/opendesign/src/card/__docs__/index.en-US.md
+++ b/packages/opendesign/src/card/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCard
+kind: container
 ---
 
 # OCard
diff --git a/packages/opendesign/src/card/__docs__/index.zh-CN.md b/packages/opendesign/src/card/__docs__/index.zh-CN.md
index 7ae4cb774483b88630d0f63258be6dc32b1ec421..bbc034ba1df7ade75c50e718afe7ff6b0565eae2 100644
--- a/packages/opendesign/src/card/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/card/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCard 卡片
+kind: container
 ---
 
 # OCard 卡片
diff --git a/packages/opendesign/src/carousel/__docs__/index.en-US.md b/packages/opendesign/src/carousel/__docs__/index.en-US.md
index 84ee6b24b7b90a725228dc3f70a4c54aa7c3325a..9c2b73db70bc1a4a3564aca257bc899c535b7dc1 100644
--- a/packages/opendesign/src/carousel/__docs__/index.en-US.md
+++ b/packages/opendesign/src/carousel/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCarousel
+kind: display
 ---
 
 # Carousel
diff --git a/packages/opendesign/src/carousel/__docs__/index.zh-CN.md b/packages/opendesign/src/carousel/__docs__/index.zh-CN.md
index b651612657aa4ce4a409c4d30134d15a3300cd70..e17a810a14985f62198164718553c01d7159e49c 100644
--- a/packages/opendesign/src/carousel/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/carousel/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCarousel 幻灯片
+kind: display
 ---
 
 # 幻灯片
diff --git a/packages/opendesign/src/cascader/__docs__/index.en-US.md b/packages/opendesign/src/cascader/__docs__/index.en-US.md
index 2f98e014135b8b597ba9720827dcb04e7c4f56a8..9fe65f5cc719311c6012b94e68aaa8044465d11d 100644
--- a/packages/opendesign/src/cascader/__docs__/index.en-US.md
+++ b/packages/opendesign/src/cascader/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCascader
+kind: input
 ---
 
 # OCascader
diff --git a/packages/opendesign/src/cascader/__docs__/index.zh-CN.md b/packages/opendesign/src/cascader/__docs__/index.zh-CN.md
index 5290933d59ba9143cec024261f73ab497ccd6eb1..6da7ecb50fcbdf4b04cdb6294d6c9fba074f3de6 100644
--- a/packages/opendesign/src/cascader/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/cascader/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCascader 级联选择
+kind: input
 ---
 
 # OCascader 级联选择
diff --git a/packages/opendesign/src/checkbox/__docs__/index.en-US.md b/packages/opendesign/src/checkbox/__docs__/index.en-US.md
index c83f9f852d414dca94726adc3c74c80a7d66700d..6f82997776700397f9ba4bdf84320c80150b3c92 100644
--- a/packages/opendesign/src/checkbox/__docs__/index.en-US.md
+++ b/packages/opendesign/src/checkbox/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCheckbox
+kind: input
 ---
 
 # OCheckbox
diff --git a/packages/opendesign/src/checkbox/__docs__/index.zh-CN.md b/packages/opendesign/src/checkbox/__docs__/index.zh-CN.md
index 8ccb1f0d7577bf38bf9c6268d1c4d0cfe4301b91..99c95f74979cd9734c569b7ff4f9b2cdb656ff32 100644
--- a/packages/opendesign/src/checkbox/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/checkbox/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OCheckbox 多选框
+kind: input
 ---
 
 # OCheckbox 多选框
diff --git a/packages/opendesign/src/collapse/__docs__/index.en-US.md b/packages/opendesign/src/collapse/__docs__/index.en-US.md
index 664e9ff8c189605d12935c63d44fb1cf6d3f41ba..b646e37a80245d753fcb836cc15b95ca0a183f51 100644
--- a/packages/opendesign/src/collapse/__docs__/index.en-US.md
+++ b/packages/opendesign/src/collapse/__docs__/index.en-US.md
@@ -1,8 +1,10 @@
 ---
 sidebar: OCollapse
+kind: container
 ---
 
 # OCollapse
+
 ## Demo
 
 <!-- @case CollapseAccordion -->
diff --git a/packages/opendesign/src/collapse/__docs__/index.zh-CN.md b/packages/opendesign/src/collapse/__docs__/index.zh-CN.md
index 89deedc5def4a093ee08593bc36838cf80034cee..97b6aa2159a6bb13ce5f22d08e5c94c4b270e206 100644
--- a/packages/opendesign/src/collapse/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/collapse/__docs__/index.zh-CN.md
@@ -1,8 +1,10 @@
 ---
 sidebar: OCollapse 折叠面板
+kind: container
 ---
 
 # OCollapse 折叠面板
+
 ## 示例
 
 <!-- @case CollapseAccordion -->
diff --git a/packages/opendesign/src/dialog/__docs__/index.en-US.md b/packages/opendesign/src/dialog/__docs__/index.en-US.md
index ab1755805ab16a9e83980cb9adfcfdd924ad9fcd..a27e92290a314b3bc315c02c5fd05a893429fd0c 100644
--- a/packages/opendesign/src/dialog/__docs__/index.en-US.md
+++ b/packages/opendesign/src/dialog/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODialog
+kind: container
 ---
 
 # ODialog
diff --git a/packages/opendesign/src/dialog/__docs__/index.zh-CN.md b/packages/opendesign/src/dialog/__docs__/index.zh-CN.md
index 9bcc4c68b7d6dc71968c6a88017cea83faa5e49e..dbce58bc7034e8021c44893bcd87d2057c58a6ac 100644
--- a/packages/opendesign/src/dialog/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/dialog/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODialog 对话框
+kind: container
 ---
 
 # ODialog 对话框
diff --git a/packages/opendesign/src/divider/__docs__/index.en-US.md b/packages/opendesign/src/divider/__docs__/index.en-US.md
index 43a3318b992c006218541c33ed72feba1cdb864f..4969b6ae5a13ef5e980ab79639e2baa499c0b094 100644
--- a/packages/opendesign/src/divider/__docs__/index.en-US.md
+++ b/packages/opendesign/src/divider/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODivider
+kind: display
 ---
 
 # ODivider
diff --git a/packages/opendesign/src/divider/__docs__/index.zh-CN.md b/packages/opendesign/src/divider/__docs__/index.zh-CN.md
index a07c15fd0a43f28db4944174e37b0baab27848b6..ca10962887fa29fc07bdcb42bd5e4d6598829aac 100644
--- a/packages/opendesign/src/divider/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/divider/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODivider
+kind: display
 ---
 
 # ODivider 分割线
diff --git a/packages/opendesign/src/dropdown/__docs__/index.en-US.md b/packages/opendesign/src/dropdown/__docs__/index.en-US.md
index 21ace16bcffdaf776d913e4f0501340f41085932..c22b51b2d7bc51b55216cd201dbf6d24bdcbe057 100644
--- a/packages/opendesign/src/dropdown/__docs__/index.en-US.md
+++ b/packages/opendesign/src/dropdown/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODropdown
+kind: operator
 ---
 
 # Dropdown
diff --git a/packages/opendesign/src/dropdown/__docs__/index.zh-CN.md b/packages/opendesign/src/dropdown/__docs__/index.zh-CN.md
index 87bf203517de7ad02dfc2316eb8fd5b7acf4831b..5a44e5ebf9fef6b32d6990405da5801130c6b319 100644
--- a/packages/opendesign/src/dropdown/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/dropdown/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ODropdown 下拉
+kind: operator
 ---
 
 # 下拉
diff --git a/packages/opendesign/src/layer/__docs__/index.en-US.md b/packages/opendesign/src/layer/__docs__/index.en-US.md
index a48c5438aa627e191ff3e477e540c86f0e4d8314..139084260f6449e545c67a3cde45839961f6950e 100644
--- a/packages/opendesign/src/layer/__docs__/index.en-US.md
+++ b/packages/opendesign/src/layer/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OLayer
+kind: container
 ---
 
 # OLayer
diff --git a/packages/opendesign/src/layer/__docs__/index.zh-CN.md b/packages/opendesign/src/layer/__docs__/index.zh-CN.md
index eaf1ddaf251868a2f27347511fe91b94ac437152..05667d17fe67efec3de6bae7d14e416bf015f85a 100644
--- a/packages/opendesign/src/layer/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/layer/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OLayer 浮层
+kind: container
 ---
 
 # OLayer 浮层
diff --git a/packages/opendesign/src/link/__docs__/index.en-US.md b/packages/opendesign/src/link/__docs__/index.en-US.md
index beedda482d14b7d14277b99580c09fcd979c4e2b..dd5d399b30d349ff99eae947312a6cb222c7999a 100644
--- a/packages/opendesign/src/link/__docs__/index.en-US.md
+++ b/packages/opendesign/src/link/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OLink
+kind: operator
 ---
 
 # Link
diff --git a/packages/opendesign/src/link/__docs__/index.zh-CN.md b/packages/opendesign/src/link/__docs__/index.zh-CN.md
index 6ea13f480d7b63199ef678cfcbfb1459cad69920..2b6596656286c1eaa033549d6c451d9226255cad 100644
--- a/packages/opendesign/src/link/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/link/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OLink 链接
+kind: operator
 ---
 
 # 链接
diff --git a/packages/opendesign/src/rate/__docs__/index.en-US.md b/packages/opendesign/src/rate/__docs__/index.en-US.md
index df90df3c418136ab41b43c66afe46b84187784ed..4ba5acb535703746ae3d0581144c175e17b8f3b7 100644
--- a/packages/opendesign/src/rate/__docs__/index.en-US.md
+++ b/packages/opendesign/src/rate/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ORate
+kind: input
 ---
 
 # ORate
diff --git a/packages/opendesign/src/rate/__docs__/index.zh-CN.md b/packages/opendesign/src/rate/__docs__/index.zh-CN.md
index 11b31ffe96e3e652a623bd60454b0cd6beb72721..4ef0eae972c267ca2801e86ddbf3c64bbb36cf81 100644
--- a/packages/opendesign/src/rate/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/rate/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: ORate 评分
+kind: input
 ---
 
 # 评分
diff --git a/packages/opendesign/src/table/__docs__/index.en-US.md b/packages/opendesign/src/table/__docs__/index.en-US.md
index 3707ded6896b6c3a6d6a675823abaee3fe511d3f..52dbba7fd0f7280814c2e5c539366d5ac5e13494 100644
--- a/packages/opendesign/src/table/__docs__/index.en-US.md
+++ b/packages/opendesign/src/table/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTable
+kind: container
 ---
 
 # Data Table
diff --git a/packages/opendesign/src/table/__docs__/index.zh-CN.md b/packages/opendesign/src/table/__docs__/index.zh-CN.md
index 5efe5fb2070854d60a8692899a72946e66fd8a6f..604268395077a4f87dc57e508fa35106ef9b0059 100644
--- a/packages/opendesign/src/table/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/table/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTable 数据表格
+kind: container
 ---
 
 # 数据表格
diff --git a/packages/opendesign/src/tag/__docs__/index.en-US.md b/packages/opendesign/src/tag/__docs__/index.en-US.md
index 63bbad79b6bf4c851bf8f3c44cf6fdf5c5409965..ff269687d0e9b9f5a27f1d85c07440107ec721b3 100644
--- a/packages/opendesign/src/tag/__docs__/index.en-US.md
+++ b/packages/opendesign/src/tag/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTag
+kind: display
 ---
 
 # tag
diff --git a/packages/opendesign/src/tag/__docs__/index.zh-CN.md b/packages/opendesign/src/tag/__docs__/index.zh-CN.md
index 03ec071f04ffb8e24e8fef4d2e367d1af64f9a56..99b6853b5cb5957cb6f786a43103119c9d769f2c 100644
--- a/packages/opendesign/src/tag/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/tag/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTag 标签
+kind: display
 ---
 
 # 标签
diff --git a/packages/opendesign/src/textarea/__docs__/index.en-US.md b/packages/opendesign/src/textarea/__docs__/index.en-US.md
index 62714c65d0729ea2cdccac7008450b715930b201..9270c0c7b46e0d6166724c734e60cbd184f7f543 100644
--- a/packages/opendesign/src/textarea/__docs__/index.en-US.md
+++ b/packages/opendesign/src/textarea/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTextarea
+kind: input
 ---
 
 # textarea
diff --git a/packages/opendesign/src/textarea/__docs__/index.zh-CN.md b/packages/opendesign/src/textarea/__docs__/index.zh-CN.md
index 1eede390ad8acb37d32093d01463d2f2ea8d4e01..b964dabda9615fb7aceeddd4a0509ec630dd3e7c 100644
--- a/packages/opendesign/src/textarea/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/textarea/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OTextarea 文本域
+kind: input
 ---
 
 # 文本域
diff --git a/packages/opendesign/src/toggle/__docs__/index.en-US.md b/packages/opendesign/src/toggle/__docs__/index.en-US.md
index ace57f69a39a58d37bb8d779e0b8bae8330d294d..5178725d523da8d286b7aa570bb609039a9231f6 100644
--- a/packages/opendesign/src/toggle/__docs__/index.en-US.md
+++ b/packages/opendesign/src/toggle/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OToggle
+kind: input
 ---
 
 # toggle
diff --git a/packages/opendesign/src/toggle/__docs__/index.zh-CN.md b/packages/opendesign/src/toggle/__docs__/index.zh-CN.md
index 2de82ad3dd525b775b8c91fd9f7264bee2ffe4f4..79a91ef5b7cb08a67d2060951cb45a802f2a4087 100644
--- a/packages/opendesign/src/toggle/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/toggle/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OToggle 选择块
+kind: input
 ---
 
 # 选择块
diff --git a/packages/opendesign/src/upload/__docs__/index.en-US.md b/packages/opendesign/src/upload/__docs__/index.en-US.md
index da3e197e0deef3186a7f9dbe7c8b2e38f4fc2c3b..e42a4c0a197c612853e72423858eaec4d2cfb4f1 100644
--- a/packages/opendesign/src/upload/__docs__/index.en-US.md
+++ b/packages/opendesign/src/upload/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OUpload
+kind: input
 ---
 
 # Upload
diff --git a/packages/opendesign/src/upload/__docs__/index.zh-CN.md b/packages/opendesign/src/upload/__docs__/index.zh-CN.md
index c6e269709d52fd9738fdb17363288fccbc23bd54..9d04133ecba26af10c13a206fdac09e7aeb9c599 100644
--- a/packages/opendesign/src/upload/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/upload/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OUpload 上传
+kind: input
 ---
 
 # 上传
diff --git a/packages/opendesign/src/virtual-list/__docs__/index.en-US.md b/packages/opendesign/src/virtual-list/__docs__/index.en-US.md
index 489e559700b5138148f100acf427bc7e3c53bdfc..1840c3144470f16ed705a72af636fa3eff94b72d 100644
--- a/packages/opendesign/src/virtual-list/__docs__/index.en-US.md
+++ b/packages/opendesign/src/virtual-list/__docs__/index.en-US.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OVirtualList
+kind: container
 ---
 
 # virtual list
diff --git a/packages/opendesign/src/virtual-list/__docs__/index.zh-CN.md b/packages/opendesign/src/virtual-list/__docs__/index.zh-CN.md
index 195125e728bc690a8557a4c05ad61cc36e0eb041..6c2af0d147b5c01ec6758f1d1115a9326cb7c02a 100644
--- a/packages/opendesign/src/virtual-list/__docs__/index.zh-CN.md
+++ b/packages/opendesign/src/virtual-list/__docs__/index.zh-CN.md
@@ -1,5 +1,6 @@
 ---
 sidebar: OVirtualList 虚拟滚动
+kind: container
 ---
 
 # 虚拟滚动