diff --git a/packages/opendesign/src/components/cascader/OCascader.vue b/packages/opendesign/src/components/cascader/OCascader.vue
index d911bb95368586e1c9a89235b58c0b2b01bbd168..40977a66d71b91ac2ad9be533fd25419afa6b4d2 100644
--- a/packages/opendesign/src/components/cascader/OCascader.vue
+++ b/packages/opendesign/src/components/cascader/OCascader.vue
@@ -1,9 +1,8 @@
 <script lang="ts" setup>
-import { inject, ref, watch } from 'vue';
+import { ref, watch } from 'vue';
 
 import { IconChevronRight } from '../_shared/icons';
 import { OSelect } from '../select';
-import { selectOptionInjectKey } from '../select/provide';
 
 import { cascaderProps } from './types';
 import type { CascaderValueT, CascaderNodePathT } from './types';
@@ -20,8 +19,6 @@ interface ColumnInfoT {
 
 const props = defineProps(cascaderProps);
 
-const selectInject = inject(selectOptionInjectKey, null);
-
 const emits = defineEmits<{
   (e: 'change', val: CascaderValueT): void;
 }>();
@@ -69,6 +66,7 @@ watch(
 );
 
 const onClick = (option: ColumnInfoT, columnInfo: Array<ColumnInfoT>) => {
+  console.log(panelInfo.value);
   if (!isArray(panelInfo.value)) {
     return;
   }
@@ -113,7 +111,7 @@ const onClick = (option: ColumnInfoT, columnInfo: Array<ColumnInfoT>) => {
     :transition="props.transition"
   >
     <div class="o-cascader-panel">
-      <ul v-for="(columnInfo, index) in panelInfo" :key="columnInfo[0].depth" class="o-cascader-options" :style="{ zIndex: 100 - index }">
+      <ul v-for="(columnInfo, index) in panelInfo" :key="index" class="o-cascader-options">
         <li
           v-for="option in columnInfo"
           :key="option.value"
diff --git a/packages/opendesign/src/components/cascader/__demo__/CascaderBasic.vue b/packages/opendesign/src/components/cascader/__demo__/CascaderBasic.vue
index 21a54495189a9c9233ff80bfe0e013a1e23ad892..b301008d85dfe5d5112ee45a98699cbc573cb641 100644
--- a/packages/opendesign/src/components/cascader/__demo__/CascaderBasic.vue
+++ b/packages/opendesign/src/components/cascader/__demo__/CascaderBasic.vue
@@ -3,7 +3,8 @@ import { ref } from 'vue';
 import { OCascader } from '../index';
 
 const cascaderVal1 = ref('1-1-1');
-const options1 = [
+
+const option1 = [
   {
     label: '选项一',
     value: '1',
@@ -57,7 +58,7 @@ const handleChange1 = (val: string | number | Array<string | number>) => {
 };
 
 const cascaderVal2 = ref('1-1-1');
-const options2 = [
+const option2 = [
   {
     label: '选项一',
     value: '1',
@@ -113,7 +114,7 @@ const handleChange2 = (val: string | number | Array<string | number>) => {
 <template>
   <h4>基础用法</h4>
   <section>
-    <OCascader v-model="cascaderVal1" :options="options1" @change="handleChange1" />
-    <OCascader v-model="cascaderVal2" :options="options2" path-mode @change="handleChange2" />
+    <OCascader v-model="cascaderVal1" :options="option1" @change="handleChange1" />
+    <OCascader v-model="cascaderVal2" :options="option2" path-mode @change="handleChange2" />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/index.scss b/packages/opendesign/src/components/index.scss
index 3d2a8ae15b835606b564fe9ceefa51541713f062..fc648f4a735063c4d2fde7f97fd1ea408b247839 100644
--- a/packages/opendesign/src/components/index.scss
+++ b/packages/opendesign/src/components/index.scss
@@ -30,3 +30,6 @@
 @use './figure/style/index.scss' as *;
 @use './card/style/index.scss' as *;
 @use './slides/style/index.scss' as *;
+@use './message/style/index.scss' as *;
+@use './cascader/style/index.scss' as *;
+
diff --git a/packages/opendesign/src/components/index.ts b/packages/opendesign/src/components/index.ts
index 52a3c2b518375de8756bc35164cd122f0df7615d..3e1819f7011977cda58cc5b6febe0eeacda17cdc 100644
--- a/packages/opendesign/src/components/index.ts
+++ b/packages/opendesign/src/components/index.ts
@@ -34,9 +34,9 @@ export * from './figure';
 export * from './card';
 export * from './message';
 export * from './slides';
+export * from './cascader';
 
 // export * from './scrollbar';
-
 export * from './intersection-observer';
 export * from './resize-observer';
 export * from './child-only';
diff --git a/packages/opendesign/src/components/message/style/index.scss b/packages/opendesign/src/components/message/style/index.scss
index 370d2754650f6ea805ff25027d020c896cc96a56..1acb757f271f4fd127a5e28308f1e8fe08314fc9 100644
--- a/packages/opendesign/src/components/message/style/index.scss
+++ b/packages/opendesign/src/components/message/style/index.scss
@@ -15,7 +15,7 @@
 }
 
 .o-message + .o-message {
-  margin-top: 16px;
+  margin-top: var(--message-gap);
 }
 
 .o-message-list {
diff --git a/packages/opendesign/src/components/message/style/var.scss b/packages/opendesign/src/components/message/style/var.scss
index 70cb1eeb861ff42b9e7a5507724680bd2474890e..5dfb21997badf121b88716b40c17ff33ed2f4a1a 100644
--- a/packages/opendesign/src/components/message/style/var.scss
+++ b/packages/opendesign/src/components/message/style/var.scss
@@ -1,11 +1,13 @@
 .o-message {
+  --message-color: var(--o-color-info1);
+
   --message-padding: 8px 16px;
   --message-text-size: var(--o-font_size-text1);
   --message-text-height: var(--o-line_height-text1);
 
-  --message-color: var(--o-color-info1);
-
   --message-radius: var(--o-radius-control-m);
+
+  --message-gap: 16px;
 }
 
 .o-message-normal {