diff --git a/packages/docs/checkbox.md b/packages/docs/checkbox.md
index e8e726e25f14acd856d48698ced7135064be66cc..cbeac67d1c932aa3c8373ae336b4efe3ab7359a6 100644
--- a/packages/docs/checkbox.md
+++ b/packages/docs/checkbox.md
@@ -32,14 +32,14 @@
 
 ## props
 
-| name                | type                       | 默认值       | 说明                                   |
-| :------------------ | :------------------------- | :----------- | -------------------------------------- |
-| modelValue(v-model) | Array<string \| number \>  | -            | 可选，多选框组双向绑定值               |
-| defaultValue        | Array<string \| number \>  | []           | 可选，非受控状态时，多选框组默认值     |
-| disabled            | boolean                    | false        | 可选，是否禁用                         |
-| direction           | 'horizontal' \| 'vertical' | 'horizontal' | 可选，排列方向                         |
-| min                 | number                     | -            | 可选，多选框组支持选中的最小多选框数量 |
-| max                 | number                     | -            | 可选，多选框组支持选中的最大多选框数量 |
+| name                | type                      | 默认值 | 说明                                   |
+| :------------------ | :------------------------ | :----- | -------------------------------------- |
+| modelValue(v-model) | Array<string \| number \> | -      | 可选，多选框组双向绑定值               |
+| defaultValue        | Array<string \| number \> | []     | 可选，非受控状态时，多选框组默认值     |
+| disabled            | boolean                   | false  | 可选，是否禁用                         |
+| direction           | 'h' \| 'v'                | 'h'    | 可选，排列方向                         |
+| min                 | number                    | -      | 可选，多选框组支持选中的最小多选框数量 |
+| max                 | number                    | -      | 可选，多选框组支持选中的最大多选框数量 |
 
 ## event
 
diff --git a/packages/docs/divider.md b/packages/docs/divider.md
index 12a495ecd242788f89be808c7728dfbdc2fb8590..c11106c6577db57be90a484e9de52bb7c6191d04 100644
--- a/packages/docs/divider.md
+++ b/packages/docs/divider.md
@@ -2,8 +2,8 @@
 
 ## props
 
-| name            | type                            | 默认值       | 说明                 |
-| :-------------- | :------------------------------ | :----------- | -------------------- |
-| type            | 'solid' \| 'dashed' \| 'dotted' | 'solid'      | 可选，分割线类型     |
-| direction       | 'horizontal' \| 'vertical'      | 'horizontal' | 可选，分割线方向     |
-| contentPosition | 'left' \| 'center' \| 'right'   | 'center'     | 可选，自定义内容位置 |
+| name          | type                            | 默认值   | 说明                 |
+| :------------ | :------------------------------ | :------- | -------------------- |
+| variant       | 'solid' \| 'dashed' \| 'dotted' | 'solid'  | 可选，分割线类型     |
+| direction     | 'h' \| 'v'                      | 'h'      | 可选，分割线方向     |
+| labelPosition | 'left' \| 'center' \| 'right'   | 'center' | 可选，自定义内容位置 |
diff --git a/packages/docs/radio.md b/packages/docs/radio.md
index bb6d4e34d96a9b430e270783f2f99476fdef0cfa..4eb7e222a6771204dbb77bb836bda5ef8489872b 100644
--- a/packages/docs/radio.md
+++ b/packages/docs/radio.md
@@ -31,12 +31,12 @@
 
 ## props
 
-| name                | type                        | 默认值       | 说明                               |
-| :------------------ | :-------------------------- | :----------- | ---------------------------------- |
-| modelValue(v-model) | string \| number \| boolean | -            | 可选，单选框组双向绑定值           |
-| defaultValue        | string \| number \| boolean | ''           | 可选，非受控状态时，单选框组默认值 |
-| disabled            | boolean                     | false        | 可选，是否禁用                     |
-| direction           | 'horizontal' \| 'vertical'  | 'horizontal' | 可选，排列方向                     |
+| name                | type                        | 默认值 | 说明                               |
+| :------------------ | :-------------------------- | :----- | ---------------------------------- |
+| modelValue(v-model) | string \| number \| boolean | -      | 可选，单选框组双向绑定值           |
+| defaultValue        | string \| number \| boolean | ''     | 可选，非受控状态时，单选框组默认值 |
+| disabled            | boolean                     | false  | 可选，是否禁用                     |
+| direction           | 'h' \| 'v'                  | 'h'    | 可选，排列方向                     |
 
 ## event
 
diff --git a/packages/opendesign/src/components/badge/types.ts b/packages/opendesign/src/components/badge/types.ts
index 467030b279c44bce9089c3f762d18e3979223809..3f76acd4a8269aa69efc69d23a1322f917fbca7f 100644
--- a/packages/opendesign/src/components/badge/types.ts
+++ b/packages/opendesign/src/components/badge/types.ts
@@ -17,7 +17,7 @@ export const badgeProps = {
     default: 99,
   },
   /**
-   * 颜色类型 'normal' | 'primary' | 'success' | 'warning' | 'danger'
+   * 颜色类型 ColorT
    */
   color: {
     type: String as PropType<ColorT>,
@@ -32,7 +32,8 @@ export const badgeProps = {
   },
   /**
    * 徽标位置偏移量
-   */ offset: {
+   */
+  offset: {
     type: Array as PropType<Array<number | string>>,
     default: () => [],
   },
diff --git a/packages/opendesign/src/components/breadcrumb/types.ts b/packages/opendesign/src/components/breadcrumb/types.ts
index ac9d91bb21c4ff33bb9abc686e7a8e7f5f8ed3c5..4f692d14413af0a5b82ce88c27fda4cecaeb6cfa 100644
--- a/packages/opendesign/src/components/breadcrumb/types.ts
+++ b/packages/opendesign/src/components/breadcrumb/types.ts
@@ -9,8 +9,6 @@ export const breadcrumbProps = {
   },
 };
 
-export type TargetTypeT = '_blank' | '_self' | '_parent' | '_top';
-
 export const breadcrumbItemProps = {
   /**
    * 链接跳转地址
@@ -22,7 +20,7 @@ export const breadcrumbItemProps = {
    * 链接跳转方式
    */
   target: {
-    type: String as PropType<TargetTypeT>,
+    type: String as PropType<'_blank' | '_parent' | '_self' | '_top'>,
     default: '_self',
   },
   /**
diff --git a/packages/opendesign/src/components/cascader/OCascader.vue b/packages/opendesign/src/components/cascader/OCascader.vue
index 357f61273a2e699ba06829b757f09387758abebf..af20a27b8215d0bb75689d544f508ede90bb294b 100644
--- a/packages/opendesign/src/components/cascader/OCascader.vue
+++ b/packages/opendesign/src/components/cascader/OCascader.vue
@@ -10,14 +10,6 @@ import CascaderTree from './cascader';
 import type { ColumnInfoT } from './cascader';
 import { isArray, isUndefined } from '../_shared/is';
 
-// interface ColumnInfoT {
-//   value: string | number;
-//   label?: string;
-//   depth: number;
-//   isLeaf: boolean;
-//   isActive: boolean;
-// }
-
 const props = defineProps(cascaderProps);
 
 const emits = defineEmits<{
diff --git a/packages/opendesign/src/components/cascader/types.ts b/packages/opendesign/src/components/cascader/types.ts
index fa2c291155bb0c590f036d10e6aa0431faa68a50..c25fd14e73a25ca77c2780de7921aa114a7b6e40 100644
--- a/packages/opendesign/src/components/cascader/types.ts
+++ b/packages/opendesign/src/components/cascader/types.ts
@@ -14,15 +14,13 @@ export type CascaderOptionT = {
 
 export const cascaderProps = {
   /**
-   * 级联选择器的值
-   * v-model
+   * 级联选择器双向绑定值 CascaderValueT
    */
   modelValue: {
     type: [String, Number, Array] as PropType<CascaderValueT>,
   },
   /**
-   * 级联选择器选项值
-   *
+   * 级联选择器选项值 CascaderOptionT
    * */
   options: {
     type: Array as PropType<Array<CascaderOptionT>>,
@@ -36,13 +34,13 @@ export const cascaderProps = {
     default: false,
   },
   /**
-   * 圆角值
+   * 圆角值 RoundT
    */
   round: {
     type: String as PropType<RoundT>,
   },
   /**
-   * 级联选择器类型
+   * 级联选择器类型 VariantT
    */
   variant: {
     type: String as PropType<VariantT>,
@@ -56,14 +54,14 @@ export const cascaderProps = {
     default: 'please select...',
   },
   /**
-   * 下拉选项触发方式
+   * 下拉选项触发方式 PopupTriggerT
    */
   trigger: {
     type: String as PropType<PopupTriggerT>,
     default: 'click',
   },
   /**
-   * 下拉选项位置
+   * 下拉选项位置 PopupPositionT
    */
   optionPosition: {
     type: String as PropType<PopupPositionT>,
@@ -71,7 +69,6 @@ export const cascaderProps = {
   },
   /**
    * 是否在结束选择时，卸载下拉选项
-   * v-model
    */
   unmountOnHide: {
     type: Boolean,
diff --git a/packages/opendesign/src/components/checkbox/style/index.scss b/packages/opendesign/src/components/checkbox/style/index.scss
index 44af42a15748b2184540af51b24703ec42f89961..7abab01b531061a4769c808824e695d966543fe4 100644
--- a/packages/opendesign/src/components/checkbox/style/index.scss
+++ b/packages/opendesign/src/components/checkbox/style/index.scss
@@ -42,7 +42,7 @@
   color: var(--checkbox-input-color);
   border: 1px solid var(--checkbox-input-bd-color);
   border-radius: var(--checkbox-radius);
-  transition: border-color var(--o-duration-s) var(--o-easing-standard), border-color var(--o-duration-s) var(--o-easing-standard);
+  transition: border-color var(--o-duration-s) var(--o-easing-standard), background-color var(--o-duration-s) var(--o-easing-standard);
 }
 
 .o-checkbox-label {
diff --git a/packages/opendesign/src/components/checkbox/style/var.scss b/packages/opendesign/src/components/checkbox/style/var.scss
index 36eb835583de46d48725b48031fe4c2fdcb72dff..37451f37b829d3a7e8266794e0e26caa68e26d2d 100644
--- a/packages/opendesign/src/components/checkbox/style/var.scss
+++ b/packages/opendesign/src/components/checkbox/style/var.scss
@@ -2,15 +2,15 @@
   --checkbox-text-size: var(--o-font_size-text1);
   --checkbox-text-height: var(--o-line_height-text1);
 
-  --checkbox-input-size: calc(var(--o-size-s) / 2);
-
-  --checkbox-radius: var(--o-radius-control-s);
-
   --checkbox-color: var(--o-color-info1);
   --checkbox-color-disabled: var(--o-color-info4);
 
+  --checkbox-radius: var(--o-radius-control-s);
+
   --checkbox-input-color: rgb(var(--o-color-white));
 
+  --checkbox-input-size: calc(var(--o-size-s) / 2);
+
   --checkbox-input-bg-color: var(--o-color-control-light);
   --checkbox-input-bd-color-hover: var(--o-color-primary1);
   --checkbox-input-bg-color-checked: var(--o-color-primary1);
diff --git a/packages/opendesign/src/components/divider/ODivider.vue b/packages/opendesign/src/components/divider/ODivider.vue
index 99276e1bb174449f226ac7f28e078963afd71727..0e144c2314207f4535ea7dc098380ae92371ed6e 100644
--- a/packages/opendesign/src/components/divider/ODivider.vue
+++ b/packages/opendesign/src/components/divider/ODivider.vue
@@ -8,12 +8,12 @@ const props = defineProps(dividerProps);
   <div
     role="separator"
     class="o-divider"
-    :class="[`o-divider-${props.type}`, `o-divider-${props.direction}`, { [`o-divider-content-${props.contentPosition}`]: $slots.default }]"
+    :class="[`o-divider-${props.variant}`, `o-divider-${props.direction}`, { [`o-divider-label-${props.labelPosition}`]: $slots.default }]"
   >
     <template v-if="props.direction === 'h'">
       <div class="o-divider-line"></div>
       <template v-if="$slots.default">
-        <div class="o-divider-content">
+        <div class="o-divider-label">
           <slot></slot>
         </div>
         <div class="o-divider-line"></div>
diff --git a/packages/opendesign/src/components/divider/__demo__/DividerContent.vue b/packages/opendesign/src/components/divider/__demo__/DividerContent.vue
index 33e68e55c525bc6ad97af138a6caef3a026fca18..24933d9a6d96d7b01a3a6b906cc20346dc9d80bf 100644
--- a/packages/opendesign/src/components/divider/__demo__/DividerContent.vue
+++ b/packages/opendesign/src/components/divider/__demo__/DividerContent.vue
@@ -7,10 +7,10 @@ import { IconAdd } from '../../_shared/icons';
   <h4>设置内容</h4>
   <section>
     <span>OpenDesign SIG，打造服务开源社区的开源体验系统</span>
-    <ODivider content-position="left">分割线</ODivider>
+    <ODivider label-position="left">分割线</ODivider>
     <span>OpenDesign SIG，打造服务开源社区的开源体验系统</span>
     <ODivider><IconAdd /></ODivider>
     <span>OpenDesign SIG，打造服务开源社区的开源体验系统</span>
-    <ODivider content-position="right">分割线</ODivider>
+    <ODivider label-position="right">分割线</ODivider>
   </section>
 </template>
diff --git a/packages/opendesign/src/components/divider/__demo__/DividerDirection.vue b/packages/opendesign/src/components/divider/__demo__/DividerDirection.vue
index 46a18f07de4da2c7bdfdc6929cd696d7af360ddd..45382ebf4808487e195b1ecd13525f941c4b0010 100644
--- a/packages/opendesign/src/components/divider/__demo__/DividerDirection.vue
+++ b/packages/opendesign/src/components/divider/__demo__/DividerDirection.vue
@@ -6,11 +6,11 @@ import { ODivider } from '../index';
   <h4>垂直方向</h4>
   <section>
     <span>OpenDesign</span>
-    <ODivider direction="vertical" />
+    <ODivider direction="v" />
     <span>openEuler</span>
-    <ODivider direction="vertical" type="dashed" />
+    <ODivider direction="v" variant="dashed" />
     <span>开源社区</span>
-    <ODivider direction="vertical" type="dotted" />
+    <ODivider direction="v" variant="dotted" />
   </section>
 </template>
 
diff --git a/packages/opendesign/src/components/divider/__demo__/DividerType.vue b/packages/opendesign/src/components/divider/__demo__/DividerVariant.vue
similarity index 84%
rename from packages/opendesign/src/components/divider/__demo__/DividerType.vue
rename to packages/opendesign/src/components/divider/__demo__/DividerVariant.vue
index c0f85a694847b5a338f0b23e54420869954562b2..d3083fa95445d45229ac807deda434a3615c1ac5 100644
--- a/packages/opendesign/src/components/divider/__demo__/DividerType.vue
+++ b/packages/opendesign/src/components/divider/__demo__/DividerVariant.vue
@@ -8,8 +8,8 @@ import { ODivider } from '../index';
     <span>OpenDesign SIG，打造服务开源社区的开源体验系统</span>
     <ODivider />
     <span>Community Goes Better with OpenDesign</span>
-    <ODivider type="dashed" />
+    <ODivider variant="dashed" />
     <span>使用 OpenDesign 组件库开始更高效的开发</span>
-    <ODivider type="dotted" />
+    <ODivider variant="dotted" />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/divider/__demo__/IndexDivider.vue b/packages/opendesign/src/components/divider/__demo__/IndexDivider.vue
index f1991bcedf8a0d702d7b528354db6b9a1e6a441a..64c961a4959254e766c63c724ef987cfd93478be 100644
--- a/packages/opendesign/src/components/divider/__demo__/IndexDivider.vue
+++ b/packages/opendesign/src/components/divider/__demo__/IndexDivider.vue
@@ -4,14 +4,14 @@ import '../style';
 import DividerBasic from './DividerBasic.vue';
 import DividerContent from './DividerContent.vue';
 import DividerDirection from './DividerDirection.vue';
-import DividerType from './DividerType.vue';
+import DividerVariant from './DividerVariant.vue';
 </script>
 
 <template>
   <div class="page-demo">
     <DividerBasic />
     <DividerContent />
-    <DividerType />
+    <DividerVariant />
     <DividerDirection />
   </div>
 </template>
diff --git a/packages/opendesign/src/components/divider/style/index.scss b/packages/opendesign/src/components/divider/style/index.scss
index d4a0eaac29a6e77d6c37a3ec5866a57b3c186a88..c12bfb9618d4822af198284feb9916e88a56bdc7 100644
--- a/packages/opendesign/src/components/divider/style/index.scss
+++ b/packages/opendesign/src/components/divider/style/index.scss
@@ -21,12 +21,12 @@
   border-color: var(--o-divider-bd-color);
 }
 
-.o-divider-content {
+.o-divider-label {
   margin: 0 16px;
   white-space: nowrap;
 }
 
-.o-divider-content-left {
+.o-divider-label-left {
   .o-divider-line {
     &:nth-child(1) {
       width: 28px;
@@ -34,7 +34,7 @@
   }
 }
 
-.o-divider-content-right {
+.o-divider-label-right {
   .o-divider-line {
     &:nth-child(3) {
       width: 28px;
diff --git a/packages/opendesign/src/components/divider/style/var.scss b/packages/opendesign/src/components/divider/style/var.scss
index 17ab3cf511b490d8d31f48c108818068f4691783..f5c2bbc5d335974aa1ea2b014f94f4bd144852ae 100644
--- a/packages/opendesign/src/components/divider/style/var.scss
+++ b/packages/opendesign/src/components/divider/style/var.scss
@@ -1,16 +1,10 @@
 .o-divider {
   --o-divider-color: var(--o-color-info1);
 
-  --o-divider-bd-color: var(--o-color-control1-light);
-
   --o-divider-text-size: var(--o-font_size-text1);
   --o-divider-text-height: var(--o-line_height-text1);
-}
 
-.o-divider-h {
-  --o-divider-gap: var(--o-gap-3);
-}
+  --o-divider-bd-color: var(--o-color-control1-light);
 
-.o-divider-v {
   --o-divider-gap: var(--o-gap-3);
 }
diff --git a/packages/opendesign/src/components/divider/types.ts b/packages/opendesign/src/components/divider/types.ts
index b2d821a84f7a2f4c1c3e33bcb4359eb269f9fb19..fad4d82a1259436742418444217a666b4e172b9f 100644
--- a/packages/opendesign/src/components/divider/types.ts
+++ b/packages/opendesign/src/components/divider/types.ts
@@ -1,21 +1,19 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import type { DirectionT } from '../_shared/global';
 
-export type DividerTypeT = 'solid' | 'dashed' | 'dotted';
-export type DividerContentPositionT = 'left' | 'center' | 'right';
+export const DividerVariantTypes = ['solid', 'dashed', 'dotted'] as const;
+export type DividerVariantT = typeof DividerVariantTypes[number];
 
 export const dividerProps = {
   /**
-   * 分割线类型
-   * 'solid' | 'dashed' | 'dotted'
+   * 分割线类型 DividerVariantT
    */
-  type: {
-    type: String as PropType<DividerTypeT>,
+  variant: {
+    type: String as PropType<DividerVariantT>,
     default: 'solid',
   },
   /**
-   * 分割线方向
-   * 'h' | 'v'
+   * 分割线方向 DirectionT
    */
   direction: {
     type: String as PropType<DirectionT>,
@@ -23,10 +21,9 @@ export const dividerProps = {
   },
   /**
    * 自定义内容位置
-   * 'left' | 'center' | 'right'
    */
-  contentPosition: {
-    type: String as PropType<DividerContentPositionT>,
+  labelPosition: {
+    type: String as PropType<'left' | 'center' | 'right'>,
     default: 'center',
   },
 };
diff --git a/packages/opendesign/src/components/dropdown/types.ts b/packages/opendesign/src/components/dropdown/types.ts
index 6db69939c0ac6fade965ea66a391c823f3dc1c59..3d59a4b212c1b4e23cb78544b6f88f09e8925f79 100644
--- a/packages/opendesign/src/components/dropdown/types.ts
+++ b/packages/opendesign/src/components/dropdown/types.ts
@@ -17,26 +17,26 @@ export const dropdownProps = {
     default: false,
   },
   /**
-   * 大小
+   * 大小 SizeT
    */
   size: {
     type: String as PropType<SizeT>,
   },
   /**
-   * 圆角值
+   * 圆角值 RoundT
    */
   round: {
     type: String as PropType<RoundT>,
   },
   /**
-   * 下拉选项触发方式
+   * 下拉选项触发方式 PopupTriggerT
    */
   trigger: {
     type: String as PropType<PopupTriggerT>,
     default: 'click',
   },
   /**
-   * 下拉选项位置
+   * 下拉选项位置 PopupPositionT
    */
   optionPosition: {
     type: String as PropType<PopupPositionT>,
@@ -58,7 +58,6 @@ export const dropdownProps = {
   },
   /**
    * 是否在结束选择时，卸载下拉选项
-   * v-model
    */
   unmountOnHide: {
     type: Boolean,
@@ -94,6 +93,7 @@ export const dropdownItemProps = {
    */
   disabled: {
     type: Boolean,
+    default: false,
   },
 };
 
diff --git a/packages/opendesign/src/components/menu/types.ts b/packages/opendesign/src/components/menu/types.ts
index 21a0004d6de3df4f8f779b2283e2c3625ae7b3d9..edd514889c7a442d03d4a25a7f333a863f7928c3 100644
--- a/packages/opendesign/src/components/menu/types.ts
+++ b/packages/opendesign/src/components/menu/types.ts
@@ -9,29 +9,35 @@ export const menuProps = {
     type: Boolean,
     default: false,
   },
-  // 层级缩进
+  /**
+   * 层级缩进
+   */
   levelIndent: {
     type: Number,
     default: 24,
   },
   /**
-   * 默认选中值
+   * 默认选中值 v-model
    */
   modelValue: {
     type: String,
   },
-  // 非受控模式时，默认选中值
+  /**
+   * 非受控模式时，默认选中值
+   */
   defaultValue: {
     type: String,
     default: '',
   },
   /**
-   * 默认展开的子菜单值
+   * 默认展开的子菜单值 v-model
    */
   expanded: {
     type: Array as PropType<Array<string>>,
   },
-  // 非受控模式时，默认展开的子菜单值
+  /**
+   * 非受控模式时，默认展开的子菜单值
+   */
   defaultExpanded: {
     type: Array as PropType<Array<string>>,
     default: () => [],
diff --git a/packages/opendesign/src/components/message/style/index.scss b/packages/opendesign/src/components/message/style/index.scss
index ed3b5b4e93420e91a777048bc3166f672cd975bf..a6263770543f620db87a531507add45b4ea95270 100644
--- a/packages/opendesign/src/components/message/style/index.scss
+++ b/packages/opendesign/src/components/message/style/index.scss
@@ -23,7 +23,7 @@
 }
 
 .o-message-icon {
-  font-size: var(--o-message-icon-size);
+  font-size: var(--message-icon-size);
   color: var(--message-icon-color);
   margin-right: 8px;
 }
diff --git a/packages/opendesign/src/components/message/style/var.scss b/packages/opendesign/src/components/message/style/var.scss
index 27e1af68c5f76a46dda7aa730a9925818a7b910c..f68fc07fa75b7001f9745eb1c2c6d5a3fde2e11d 100644
--- a/packages/opendesign/src/components/message/style/var.scss
+++ b/packages/opendesign/src/components/message/style/var.scss
@@ -1,21 +1,20 @@
 .o-message {
   --message-color: var(--o-color-info1);
 
-  --o-message-icon-size: var(--o-icon_size-xs);
-
-  --message-padding: 8px 16px;
   --message-text-size: var(--o-font_size-text1);
   --message-text-height: var(--o-line_height-text1);
 
   --message-radius: var(--o-radius-control-m);
 
-  --message-gap: 16px;
-}
+  --message-padding: 8px 16px;
 
-.o-message-normal {
   --message-bg-color: var(--o-color-control-light);
   --message-bd-color: var(--o-color-control3);
+
   --message-icon-color: var(--o-color-info1);
+  --message-icon-size: var(--o-icon_size-xs);
+
+  --message-gap: 16px;
 }
 
 .o-message-primary {
diff --git a/packages/opendesign/src/components/progress/types.ts b/packages/opendesign/src/components/progress/types.ts
index bd63b8e0fe96837d7cd0dca460aece18d3edb555..09cb0a9252a262f4dc164e310d4366aa45dbe029 100644
--- a/packages/opendesign/src/components/progress/types.ts
+++ b/packages/opendesign/src/components/progress/types.ts
@@ -1,13 +1,14 @@
 import { ExtractPropTypes, PropType } from 'vue';
 
-export type ProgressVariantT = 'line' | 'circle';
+export const ProgressVariantTypes = ['line', 'circle'] as const;
+export type ProgressVariantT = typeof ProgressVariantTypes[number];
 
-export type ProgressColorT = 'primary' | 'success' | 'warning' | 'danger';
+export const ProgressColorTypes = ['primary', 'success', 'warning', 'danger'] as const;
+export type ProgressColorT = typeof ProgressColorTypes[number];
 
 export const progressProps = {
   /**
-   * 进度条类型
-   * 'line' | 'circle'
+   * 进度条类型 ProgressVariantT
    */
   variant: {
     type: String as PropType<ProgressVariantT>,
@@ -29,8 +30,7 @@ export const progressProps = {
     default: 6,
   },
   /**
-   * 进度条颜色类型
-   * 'primary' | 'success' | 'warning' | 'danger'
+   * 进度条颜色类型 ProgressColorT
    */
   color: {
     type: String as PropType<ProgressColorT>,
diff --git a/packages/opendesign/src/components/radio-group/types.ts b/packages/opendesign/src/components/radio-group/types.ts
index 2ae682f8d858701cf5ea31aaf19b65042e6cebe1..8597fc94d0033a3aa74a49812d94514c5512a476 100644
--- a/packages/opendesign/src/components/radio-group/types.ts
+++ b/packages/opendesign/src/components/radio-group/types.ts
@@ -23,8 +23,7 @@ export const radioGroupProps = {
     default: false,
   },
   /**
-   * 单选框组方向
-   * 'h' | 'v'
+   * 单选框组方向 DirectionT
    */
   direction: {
     type: String as PropType<DirectionT>,
diff --git a/packages/opendesign/src/components/radio/style/index.scss b/packages/opendesign/src/components/radio/style/index.scss
index 03cc23d69391af57b1394c668638711b31484885..44fd933070336db6258a9ab669332125d0b1917a 100644
--- a/packages/opendesign/src/components/radio/style/index.scss
+++ b/packages/opendesign/src/components/radio/style/index.scss
@@ -52,7 +52,7 @@
     border-radius: 50%;
     opacity: 0;
     background-color: var(--radio-input-inner-bg-color);
-    transition: background-color var(--o-duration-s) var(--o-easing-standard), opacity var(--o-duration-m1) var(--o-easing-standard-in);
+    transition: background-color var(--o-duration-s) var(--o-easing-standard), opacity var(--o-duration-s) var(--o-easing-standard);
   }
 }
 
diff --git a/packages/opendesign/src/components/radio/style/var.scss b/packages/opendesign/src/components/radio/style/var.scss
index 914ec4b550d1ac149f1b4b8c3c98dc45f4753215..b20307a1f335ec813832b6e5d43a35d36df4941b 100644
--- a/packages/opendesign/src/components/radio/style/var.scss
+++ b/packages/opendesign/src/components/radio/style/var.scss
@@ -2,12 +2,11 @@
   --radio-text-size: var(--o-font_size-text1);
   --radio-text-height: var(--o-line_height-text1);
 
-  --radio-input-size: calc(var(--o-size-s) / 2);
-  --radio-input-inner-size: calc(var(--o-size-s) / 4);
-
   --radio-color: var(--o-color-info1);
   --radio-color-disabled: var(--o-color-info4);
 
+  --radio-input-size: calc(var(--o-size-s) / 2);
+
   --radio-input-bg-color: var(--o-color-control-light);
   --radio-input-bg-color-checked: var(--o-color-primary1);
   --radio-input-bg-color-disabled: var(--o-color-control4-light);
@@ -19,6 +18,7 @@
   --radio-input-bd-color-disabled: var(--o-color-control4);
   --radio-input-bd-color-checked-disabled: var(--o-color-primary4);
 
+  --radio-input-inner-size: calc(var(--o-size-s) / 4);
   --radio-input-inner-bg-color: transparent;
   --radio-input-inner-bg-color-checked: rgb(var(--o-color-white));
   --radio-input-inner-bg-color-checked-disabled: rgb(var(--o-color-white));
diff --git a/packages/opendesign/src/components/rate/__demo__/RateColor.vue b/packages/opendesign/src/components/rate/__demo__/RateColor.vue
index a4c4e9560c57ca5c34f4e438b547d5e641178643..987aeeefb19ad2ac3fde672e193eb9f20bb991af 100644
--- a/packages/opendesign/src/components/rate/__demo__/RateColor.vue
+++ b/packages/opendesign/src/components/rate/__demo__/RateColor.vue
@@ -10,6 +10,7 @@ const rateVal = ref(3);
   <section>
     <ORate v-model="rateVal" />
     <ORate v-model="rateVal" color="primary" />
+    <ORate v-model="rateVal" color="success" />
     <ORate v-model="rateVal" color="warning" />
     <ORate v-model="rateVal" color="danger" />
   </section>
diff --git a/packages/opendesign/src/components/rate/style/var.scss b/packages/opendesign/src/components/rate/style/var.scss
index e520f5d99d5054d392d638e76f53d69d145f1f5a..ac5d5968d84368eef086a29e540b0f6a11166c0c 100644
--- a/packages/opendesign/src/components/rate/style/var.scss
+++ b/packages/opendesign/src/components/rate/style/var.scss
@@ -1,11 +1,8 @@
 .o-rate {
   --rate-color: var(--o-color-control1-light);
   --rate-color-active: var(--o-color-warning1);
-  --rate-gap: 0;
-}
-
-.o-rate-medium {
   --rate-size: var(--o-icon_size-xs);
+  --rate-gap: 0;
 }
 
 .o-rate-large {
diff --git a/packages/opendesign/src/components/rate/types.ts b/packages/opendesign/src/components/rate/types.ts
index 81e2d6caeaf7c7ce6f8378939e5cbd2481215277..0a97f3685566db6b60ab74fb9c8bc0853599e8d0 100644
--- a/packages/opendesign/src/components/rate/types.ts
+++ b/packages/opendesign/src/components/rate/types.ts
@@ -23,16 +23,13 @@ export const rateProps = {
     default: 0,
   },
   /**
-   * 尺寸
-   * "small"| "medium"  | "large"
+   * 尺寸 SizeT
    */
   size: {
     type: String as PropType<SizeT>,
-    default: 'medium',
   },
   /**
-   * 颜色类型
-   * 'normal' | 'primary' | 'success' | 'warning' | 'danger'
+   * 颜色类型 ColorT
    */
   color: {
     type: String as PropType<ColorT>,
diff --git a/packages/opendesign/src/components/switch/OSwitch.vue b/packages/opendesign/src/components/switch/OSwitch.vue
index 4cdd01388eb092800522f6288e84d83c0d518b33..4b7a021b2a9d63e51a921b1e8d4f88fed618e408 100644
--- a/packages/opendesign/src/components/switch/OSwitch.vue
+++ b/packages/opendesign/src/components/switch/OSwitch.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
 import { switchProps } from './types';
-import { defaultSize } from '../_shared/global';
 import { getRoundClass } from '../_shared/style-class';
 import { IconLoading } from '../_shared/icons';
 import { isPromise, isBoolean, isUndefined } from '../_shared/is';
@@ -71,7 +70,7 @@ const onClick = (ev: Event) => {
   <div
     class="o-switch"
     :class="[
-      `o-switch-${props.size || defaultSize}`,
+      `o-switch-${props.size}`,
       round.class.value,
       { 'o-switch-checked': isChecked },
       { 'o-switch-disabled': props.disabled },
@@ -86,7 +85,7 @@ const onClick = (ev: Event) => {
           <IconLoading />
         </span>
       </div>
-      <div v-if="$slots.on || $slots.off" class="o-switch-content">
+      <div v-if="$slots.on || $slots.off" class="o-switch-label">
         <slot v-if="isChecked" name="on"></slot>
         <slot v-else name="off"></slot>
       </div>
diff --git a/packages/opendesign/src/components/switch/__demo__/SwitchBasic.vue b/packages/opendesign/src/components/switch/__demo__/SwitchBasic.vue
index 7c8a3cd9c22a7ce53a2561a95975308b0525653c..03b94022223a721fd274cf8de1f11dfb6d3a789b 100644
--- a/packages/opendesign/src/components/switch/__demo__/SwitchBasic.vue
+++ b/packages/opendesign/src/components/switch/__demo__/SwitchBasic.vue
@@ -10,10 +10,8 @@ const switchVal2 = ref(true);
   <section>
     <OSWitch v-model="switchVal1" size="small" />
     <OSWitch v-model="switchVal1" size="medium" />
-    <OSWitch v-model="switchVal1" size="large" />
 
     <OSWitch v-model="switchVal2" round="pill" size="small" />
     <OSWitch v-model="switchVal2" round="pill" size="medium" />
-    <OSWitch v-model="switchVal2" round="pill" size="large" />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/switch/__demo__/SwitchBeforeChange.vue b/packages/opendesign/src/components/switch/__demo__/SwitchBeforeChange.vue
index 68ed61f266fc49671579880232998dee2d689dad..36e48069e659b22f506abbc258d62030aa7a2686 100644
--- a/packages/opendesign/src/components/switch/__demo__/SwitchBeforeChange.vue
+++ b/packages/opendesign/src/components/switch/__demo__/SwitchBeforeChange.vue
@@ -27,6 +27,6 @@ const beforeChange2 = () => {
   <h4>阻止切换</h4>
   <section>
     <OSWitch v-model="switchVal1" :loading="loading1" :before-change="beforeChange1" />
-    <OSWitch v-model="switchVal2" shape="round" :before-change="beforeChange2" />
+    <OSWitch v-model="switchVal2" round="pill" :before-change="beforeChange2" />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/switch/__demo__/SwitchDisabledAndLoading.vue b/packages/opendesign/src/components/switch/__demo__/SwitchDisabledAndLoading.vue
index 3a34a59775826af8cf7819222f14464e9abd7b5d..86c6a4afaaffdbdcf6919d65c7d6feeca4aab0ba 100644
--- a/packages/opendesign/src/components/switch/__demo__/SwitchDisabledAndLoading.vue
+++ b/packages/opendesign/src/components/switch/__demo__/SwitchDisabledAndLoading.vue
@@ -11,8 +11,8 @@ const switchVal4 = ref(true);
   <h4>Disabled & Loading</h4>
   <section>
     <OSWitch v-model="switchVal1" disabled />
-    <OSWitch v-model="switchVal2" shape="round" disabled />
+    <OSWitch v-model="switchVal2" round="pill" disabled />
     <OSWitch v-model="switchVal3" loading />
-    <OSWitch v-model="switchVal4" shape="round" loading />
+    <OSWitch v-model="switchVal4" round="pill" loading />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/switch/__demo__/SwitchEvents.vue b/packages/opendesign/src/components/switch/__demo__/SwitchEvents.vue
index 9fb90f48776e06d2d21c667c6ee366914ca03b21..3de34eadb78645a657a9aab8fce10307281502db 100644
--- a/packages/opendesign/src/components/switch/__demo__/SwitchEvents.vue
+++ b/packages/opendesign/src/components/switch/__demo__/SwitchEvents.vue
@@ -12,6 +12,6 @@ const handleChange = (val: string | number | boolean) => {
 <template>
   <h4>Change事件</h4>
   <section>
-    <OSWitch v-model="switchVal1" shape="round" @change="handleChange" />
+    <OSWitch v-model="switchVal1" round="pill" @change="handleChange" />
   </section>
 </template>
diff --git a/packages/opendesign/src/components/switch/style/index.scss b/packages/opendesign/src/components/switch/style/index.scss
index 9430a1081a0164784dda86d4d3a4850f00edfd5c..422c06fd2a3786cee6a24fca9c6e0659eb697f99 100644
--- a/packages/opendesign/src/components/switch/style/index.scss
+++ b/packages/opendesign/src/components/switch/style/index.scss
@@ -48,14 +48,14 @@
   }
 }
 
-.o-switch-content {
+.o-switch-label {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
-  padding-left: calc(var(--switch-handler-offset) + var(--switch-handler-size) + var(--switch-content-padding));
-  padding-right: var(--switch-content-padding);
+  padding-left: calc(var(--switch-handler-offset) + var(--switch-handler-size) + var(--switch-label-padding));
+  padding-right: var(--switch-label-padding);
 }
 
 .o-switch-checked {
@@ -65,9 +65,9 @@
     left: calc(100% - var(--switch-handler-offset) - var(--switch-handler-size));
   }
 
-  .o-switch-content {
-    padding-left: var(--switch-content-padding);
-    padding-right: calc(var(--switch-handler-offset) + var(--switch-handler-size) + var(--switch-content-padding));
+  .o-switch-label {
+    padding-left: var(--switch-label-padding);
+    padding-right: calc(var(--switch-handler-offset) + var(--switch-handler-size) + var(--switch-label-padding));
   }
 }
 
diff --git a/packages/opendesign/src/components/switch/style/var.scss b/packages/opendesign/src/components/switch/style/var.scss
index 7542032882d8d0f8b75e5dca8f543b243a10aa3e..6590c7aa099a2f6aac42a1c49583d8931e1278f7 100644
--- a/packages/opendesign/src/components/switch/style/var.scss
+++ b/packages/opendesign/src/components/switch/style/var.scss
@@ -1,36 +1,29 @@
 .o-switch {
   --switch-color: var(--o-color-info1-inverse);
 
+  --switch-text-size: var(--o-font_size-tip1);
+  --switch-text-height: var(--o-line_height-tip1);
+
   --switch-bg-color: var(--o-color-control1);
   --switch-bg-color-disabled: var(--o-color-control4);
   --switch-bg-color-checked: var(--o-color-primary1);
   --switch-bg-color-checked-disabled: var(--o-color-primary4);
 
-  --switch-handler-bg-color: rgb(var(--o-color-white));
-}
-
-.o-switch-medium {
   --switch-size: var(--o-size-xs);
   --switch-radius: var(--o-radius-control-s);
-  --switch-text-size: var(--o-font_size-tip1);
-  --switch-text-height: var(--o-line_height-tip1);
+  --switch-label-padding: 6px;
+
   --switch-handler-size: var(--o-size-xxs);
-  --switch-content-padding: 6px;
   --switch-handler-offset: var(--o-gap-1);
+  --switch-handler-bg-color: rgb(var(--o-color-white));
 }
 
 .o-switch-small {
-  --switch-size: var(--o-size-xs);
-  --switch-radius: var(--o-radius-control-s);
-  --switch-text-size: var(--o-font_size-tip1);
-  --switch-text-height: var(--o-line_height-tip1);
-  --switch-handler-size: var(--o-size-xxs);
-  --switch-content-padding: 6px;
+  --switch-label-padding: 6px;
   --switch-handler-offset: 4px;
   scale: 0.8;
 }
 
 .o-switch-round-pill {
   --switch-radius: var(--o-size-l);
-  --switch-handler-radius: var(--o-size-l);
 }
diff --git a/packages/opendesign/src/components/switch/types.ts b/packages/opendesign/src/components/switch/types.ts
index 7ef866c89f3f103410129e85284265dda1348639..0a7da7d234bdb298b91402d2a8dbae6d6a6fb638 100644
--- a/packages/opendesign/src/components/switch/types.ts
+++ b/packages/opendesign/src/components/switch/types.ts
@@ -1,7 +1,8 @@
 import type { RoundT } from '../_shared/global';
 import type { ExtractPropTypes, PropType } from 'vue';
 
-export type SwitchSizeT = 'medium' | 'small';
+export const SwitchSizeTypes = ['medium', 'small'] as const;
+export type SwitchSizeT = typeof SwitchSizeTypes[number];
 
 export const switchProps = {
   /**
@@ -32,14 +33,14 @@ export const switchProps = {
     default: false,
   },
   /**
-   * 开关尺寸
-   * 'medium' | 'small'
+   * 开关尺寸 SwitchSizeT
    */
   size: {
     type: String as PropType<SwitchSizeT>,
+    default: 'medium',
   },
   /**
-   * 圆角值
+   * 圆角值 RoundT
    */
   round: {
     type: String as PropType<RoundT>,
@@ -59,7 +60,6 @@ export const switchProps = {
     default: false,
   },
   /**
-   *
    * 状态改变前的钩子函数
    */
   beforeChange: {
diff --git a/packages/opendesign/src/components/tag/style/var.scss b/packages/opendesign/src/components/tag/style/var.scss
index 05fa8a47b78447be50fd646a7682c4eb1c78c10f..e6c52c7a37c1cc371e04ff710fbec4a990c1c4e2 100644
--- a/packages/opendesign/src/components/tag/style/var.scss
+++ b/packages/opendesign/src/components/tag/style/var.scss
@@ -1,7 +1,13 @@
-.o-tag-normal {
+.o-tag {
   --tag-color: var(--o-color-info1);
   --tag-bg-color: var(--o-color-control1-light);
   --tag-bd-color: var(--o-color-control1-light);
+
+  --tag-padding: 0 12px;
+  --tag-radius: var(--o-radius-control-s);
+  --tag-text-size: var(--o-font_size-tip2);
+  --tag-text-height: var(--o-line_height-tip2);
+  --tag-height: var(--o-size-xs);
 }
 
 .o-tag-primary {
@@ -36,14 +42,6 @@
   --tag-height: var(--o-size-xxs);
 }
 
-.o-tag-medium {
-  --tag-padding: 0 12px;
-  --tag-radius: var(--o-radius-control-s);
-  --tag-text-size: var(--o-font_size-tip2);
-  --tag-text-height: var(--o-line_height-tip2);
-  --tag-height: var(--o-size-xs);
-}
-
 .o-tag-large {
   --tag-padding: 0 14px;
   --tag-radius: var(--o-radius-control-s);
diff --git a/packages/opendesign/src/components/tag/types.ts b/packages/opendesign/src/components/tag/types.ts
index 4652b89abc38563a6d6a44b049da50c854e568b0..44e3ac115d7367cb1899723c5182b70a6e1028f7 100644
--- a/packages/opendesign/src/components/tag/types.ts
+++ b/packages/opendesign/src/components/tag/types.ts
@@ -1,34 +1,32 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { SizeT, RoundT, ColorT, VariantT } from '../_shared/global';
+import { SizeT, RoundT, ColorT } from '../_shared/global';
 
-export type TagVariantT = 'solid' | 'outline';
+export const TagVariantTypes = ['solid', 'outline'] as const;
+export type TagVariantT = typeof TagVariantTypes[number];
 
 export const tagProps = {
   /**
-   * 标签颜色
-   * 'normal' | 'primary' | 'success' | 'warning' | 'danger';
+   * 标签颜色 ColorT
    */
   color: {
     type: String as PropType<ColorT>,
     default: 'normal',
   },
   /**
-   * 标签类型
-   * 'solid' | 'outline'
+   * 标签类型 TagVariantT
    */
   variant: {
-    type: String as PropType<VariantT>,
+    type: String as PropType<TagVariantT>,
     default: 'solid',
   },
   /**
-   * 标签尺寸
-   * 'large' | 'medium' | 'small'
+   * 标签尺寸 SizeT
    */
   size: {
     type: String as PropType<SizeT>,
   },
   /**
-   * 圆角值
+   * 圆角值 RoundT
    */
   round: {
     type: String as PropType<RoundT>,