diff --git a/examples/sites/demos/apis/form.js b/examples/sites/demos/apis/form.js
index 7b27cd8f2e..9306358d40 100644
--- a/examples/sites/demos/apis/form.js
+++ b/examples/sites/demos/apis/form.js
@@ -44,11 +44,10 @@ export default {
         {
           name: 'hide-required-asterisk',
           type: 'boolean',
-          defaultValue: 'false',
+          defaultValue: 'true',
           desc: {
-            'zh-CN': '是否隐藏必填字段的标签旁边的红色星号，SMB 主题下默认值为true',
-            'en-US':
-              'Whether to hide the red asterisk next to the label of mandatory fields, The default value for SMB theme is true'
+            'zh-CN': '是否隐藏必填字段的标签旁边的红色星号',
+            'en-US': 'Whether to hide the red asterisk next to the label of mandatory fields'
           },
           mode: ['pc', 'mobile-first'],
           pcDemo: 'smb-required',
@@ -120,7 +119,7 @@ export default {
         {
           name: 'label-width',
           type: 'string',
-          defaultValue: "'80px'",
+          defaultValue: "'84px'",
           desc: {
             'zh-CN': '表单中标签占位宽度',
             'en-US': 'Label placeholder width in the form'
@@ -132,11 +131,11 @@ export default {
         },
         {
           name: 'message-type',
-          type: "'inline' | 'block'",
-          defaultValue: '',
+          type: "'inline' | 'block' | 'absolute'",
+          defaultValue: "'block'",
           desc: {
             'zh-CN':
-              '当 validate-type 设置为 text 时，配置文本类型错误类型，可配置行内或者块级，不设置则为 absolute 定位',
+              '当 validate-type 设置为 text 时，配置文本类型错误类型，可配置行内或者块级，其他值都为 absolute 定位',
             'en-US':
               'Configure the text type error type, which can be configured at the inline or block level when validate-type is set to text. The default is absolute positioning'
           },
diff --git a/examples/sites/demos/pc/app/form/label-align-composition-api.vue b/examples/sites/demos/pc/app/form/label-align-composition-api.vue
index 7a0b391b71..84998b2507 100644
--- a/examples/sites/demos/pc/app/form/label-align-composition-api.vue
+++ b/examples/sites/demos/pc/app/form/label-align-composition-api.vue
@@ -1,7 +1,13 @@
 <template>
   <div class="demo-form">
     <div class="title">标签文字对齐： <tiny-switch v-model="isLabelAlign"></tiny-switch></div>
-    <tiny-form ref="ruleFormRef" :model="createData" label-position="left" :label-align="isLabelAlign">
+    <tiny-form
+      ref="ruleFormRef"
+      :model="createData"
+      label-position="left"
+      :label-align="isLabelAlign"
+      :hide-required-asterisk="false"
+    >
       <tiny-form-item label="用户名" prop="username" required>
         <tiny-input v-model="createData.username"></tiny-input>
       </tiny-form-item>
diff --git a/examples/sites/demos/pc/app/form/label-align.vue b/examples/sites/demos/pc/app/form/label-align.vue
index 91b3639242..f3df876a87 100644
--- a/examples/sites/demos/pc/app/form/label-align.vue
+++ b/examples/sites/demos/pc/app/form/label-align.vue
@@ -1,7 +1,13 @@
 <template>
   <div class="demo-form">
     <div class="title">标签文字对齐： <tiny-switch v-model="isLabelAlign"></tiny-switch></div>
-    <tiny-form ref="ruleFormRef" :model="createData" label-position="left" :label-align="isLabelAlign">
+    <tiny-form
+      ref="ruleFormRef"
+      :model="createData"
+      label-position="left"
+      :label-align="isLabelAlign"
+      :hide-required-asterisk="false"
+    >
       <tiny-form-item label="用户名" prop="username" required>
         <tiny-input v-model="createData.username"></tiny-input>
       </tiny-form-item>
diff --git a/examples/sites/demos/pc/app/form/message-type-composition-api.vue b/examples/sites/demos/pc/app/form/message-type-composition-api.vue
index 3fcc289ac2..5fac84bda2 100644
--- a/examples/sites/demos/pc/app/form/message-type-composition-api.vue
+++ b/examples/sites/demos/pc/app/form/message-type-composition-api.vue
@@ -46,12 +46,12 @@ const createData = ref({
   datepicker: ''
 })
 
-const messageType = ref('')
+const messageType = ref('block')
 
 const messageTypeList = ref([
-  { text: '默认', value: '' },
+  { text: '块级', value: 'block' },
   { text: '行内', value: 'inline' },
-  { text: '块级', value: 'block' }
+  { text: '绝对定位', value: 'absolute' }
 ])
 const rules = ref({
   users: { required: true, message: '必填', trigger: 'blur' },
diff --git a/examples/sites/demos/pc/app/form/message-type.spec.ts b/examples/sites/demos/pc/app/form/message-type.spec.ts
index 821595e30c..71fe591820 100644
--- a/examples/sites/demos/pc/app/form/message-type.spec.ts
+++ b/examples/sites/demos/pc/app/form/message-type.spec.ts
@@ -11,10 +11,10 @@ test('文本类型错误提示位置', async ({ page }) => {
   const firstItemError = formItem.first().locator('.tiny-form-item__error')
 
   await demo.getByRole('button', { name: '提交' }).click()
-  await getBtnByText('默认').click()
-  await expect(firstItemError).toHaveCSS('position', 'absolute')
-  await getBtnByText('行内').click()
-  await expect(firstItemError).toHaveCSS('display', 'inline-block')
   await getBtnByText('块级').click()
   await expect(firstItemError).toHaveCSS('display', 'flex')
+  await getBtnByText('行内').click()
+  await expect(firstItemError).toHaveCSS('display', 'inline-block')
+  await getBtnByText('绝对定位').click()
+  await expect(firstItemError).toHaveCSS('position', 'absolute')
 })
diff --git a/examples/sites/demos/pc/app/form/message-type.vue b/examples/sites/demos/pc/app/form/message-type.vue
index 4b18d388a1..02065b66d0 100644
--- a/examples/sites/demos/pc/app/form/message-type.vue
+++ b/examples/sites/demos/pc/app/form/message-type.vue
@@ -47,12 +47,12 @@ export default {
         datepicker: ''
       },
 
-      messageType: '',
+      messageType: 'block',
 
       messageTypeList: [
-        { text: '默认', value: '' },
+        { text: '块级', value: 'block' },
         { text: '行内', value: 'inline' },
-        { text: '块级', value: 'block' }
+        { text: '绝对定位', value: 'absolute' }
       ],
       rules: {
         users: { required: true, message: '必填', trigger: 'blur' },
diff --git a/examples/sites/demos/pc/app/form/size.spec.ts b/examples/sites/demos/pc/app/form/size.spec.ts
index 1edc696ac4..9ab7be7f07 100644
--- a/examples/sites/demos/pc/app/form/size.spec.ts
+++ b/examples/sites/demos/pc/app/form/size.spec.ts
@@ -23,7 +23,7 @@ test('测试表单尺寸', async ({ page }) => {
   await expect(firstLabel).toHaveCSS('line-height', miniHeight)
 
   // small表单
-  const smallHeight = '32px'
+  const smallHeight = '28px'
   await getBtnByText('small').click()
   await expect(form.locator('.tiny-form-item--small')).toHaveCount(7)
   await expect(submitBtn).toHaveClass(/tiny-button--small/)
diff --git a/examples/sites/demos/pc/app/form/slot-label.spec.ts b/examples/sites/demos/pc/app/form/slot-label.spec.ts
index cbc0782b0e..4257788c90 100644
--- a/examples/sites/demos/pc/app/form/slot-label.spec.ts
+++ b/examples/sites/demos/pc/app/form/slot-label.spec.ts
@@ -10,6 +10,6 @@ test('测试表单标签文本插槽', async ({ page }) => {
 
   await expect(formItem.first().locator('.tiny-form-item__label')).toHaveText('必填')
   await expect(formItem.nth(1).locator('.tiny-form-item__label')).toHaveText('日期')
-  await expect(formItem.nth(2).locator('.tiny-form-item__label')).toHaveText('URL')
+  await expect(formItem.nth(2).locator('.tiny-form-item__label')).toHaveText('超过两行文字，省略显示')
   await expect(formItem.nth(3).locator('.tiny-form-item__label')).toHaveText('等级')
 })
diff --git a/examples/sites/demos/pc/app/form/smb-required.spec.ts b/examples/sites/demos/pc/app/form/smb-required.spec.ts
index b05a911fa8..753c80c272 100644
--- a/examples/sites/demos/pc/app/form/smb-required.spec.ts
+++ b/examples/sites/demos/pc/app/form/smb-required.spec.ts
@@ -17,7 +17,6 @@ test('必填项红色星号', async ({ page }) => {
     return { display, content }
   })
 
-  expect(beforeElement.display).toBe('inline-block')
   expect(beforeElement.content).toBe('"*"')
 
   await switchBtn.click()
diff --git a/packages/design/aurora/src/form/index.ts b/packages/design/aurora/src/form/index.ts
index d90a496751..801ff48d79 100644
--- a/packages/design/aurora/src/form/index.ts
+++ b/packages/design/aurora/src/form/index.ts
@@ -1,6 +1,11 @@
 export default {
+  icons: {
+    validateIcon: ''
+  },
   state: {
     labelWidth: '100px',
     tooltipType: 'error'
-  }
+  },
+  hideRequiredAsterisk: false,
+  messageType: 'absolute'
 }
diff --git a/packages/design/saas/src/form/index.ts b/packages/design/saas/src/form/index.ts
index d90a496751..801ff48d79 100644
--- a/packages/design/saas/src/form/index.ts
+++ b/packages/design/saas/src/form/index.ts
@@ -1,6 +1,11 @@
 export default {
+  icons: {
+    validateIcon: ''
+  },
   state: {
     labelWidth: '100px',
     tooltipType: 'error'
-  }
+  },
+  hideRequiredAsterisk: false,
+  messageType: 'absolute'
 }
diff --git a/packages/design/smb/index.ts b/packages/design/smb/index.ts
index 79719c4565..7755e3816e 100644
--- a/packages/design/smb/index.ts
+++ b/packages/design/smb/index.ts
@@ -4,7 +4,6 @@ import Popconfirm from './src/popconfirm'
 import Drawer from './src/drawer'
 import Dropdown from './src/dropdown'
 import DropdownItem from './src/dropdown-item'
-import Form from './src/form'
 import FilterBox from './src/filter-box'
 import Grid from './src/grid'
 import Guide from './src/guide'
@@ -30,7 +29,6 @@ export default {
     Drawer,
     Dropdown,
     DropdownItem,
-    Form,
     FilterBox,
     Grid,
     Guide,
diff --git a/packages/design/smb/src/form/index.ts b/packages/design/smb/src/form/index.ts
deleted file mode 100644
index f822d44031..0000000000
--- a/packages/design/smb/src/form/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { iconError } from '@opentiny/vue-icon'
-
-export default {
-  icons: {
-    validateIcon: iconError()
-  },
-  messageType: 'block',
-  hideRequiredAsterisk: true
-}
diff --git a/packages/renderless/src/form/index.ts b/packages/renderless/src/form/index.ts
index e80bc540ae..ab22df1bf7 100644
--- a/packages/renderless/src/form/index.ts
+++ b/packages/renderless/src/form/index.ts
@@ -47,13 +47,13 @@ export const computedAutoLabelWidth =
 export const computedHideRequiredAsterisk =
   ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) =>
   (): boolean => {
-    return props.hideRequiredAsterisk ?? designConfig?.hideRequiredAsterisk ?? false
+    return props.hideRequiredAsterisk ?? designConfig?.hideRequiredAsterisk ?? true
   }
 
 export const computedValidateIcon =
   ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) =>
   (): object | null => {
-    return props.validateIcon ?? designConfig?.icons?.validateIcon ?? null
+    return props.validateIcon ?? designConfig?.icons?.validateIcon ?? 'icon-error'
   }
 
 export const computedIsErrorInline =
@@ -65,7 +65,7 @@ export const computedIsErrorInline =
     if (typeof props.inlineMessage === 'boolean') {
       return props.inlineMessage
     }
-    return designConfig?.messageType === 'inline' || false
+    return designConfig?.messageType === 'inline'
   }
 
 export const computedIsErrorBlock =
@@ -74,7 +74,10 @@ export const computedIsErrorBlock =
     if (props.messageType) {
       return props.messageType === 'block'
     }
-    return designConfig?.messageType === 'block' || false
+    if (designConfig && Object.hasOwnProperty.call(designConfig, 'messageType')) {
+      return designConfig.messageType === 'block'
+    }
+    return true
   }
 
 export const created =
diff --git a/packages/renderless/src/form/vue.ts b/packages/renderless/src/form/vue.ts
index 3613ce34bb..1ed8ff56c5 100644
--- a/packages/renderless/src/form/vue.ts
+++ b/packages/renderless/src/form/vue.ts
@@ -81,7 +81,7 @@ export const renderless = (
         return false
       }
     }),
-    labelWidth: computed(() => props.labelWidth || designConfig?.state?.labelWidth || '80px'),
+    labelWidth: computed(() => props.labelWidth || designConfig?.state?.labelWidth || '84px'),
     tooltipType: computed(() => designConfig?.state?.tooltipType || 'normal')
   })
 
diff --git a/packages/theme/src/form-item/index.less b/packages/theme/src/form-item/index.less
index dcfcc21819..4eaa042bf7 100644
--- a/packages/theme/src/form-item/index.less
+++ b/packages/theme/src/form-item/index.less
@@ -14,6 +14,7 @@
 @import '../mixins/common.less';
 @import './vars.less';
 
+@form-prefix-cls: ~'@{css-prefix}form';
 @form-item-prefix-cls: ~'@{css-prefix}form-item';
 @input-prefix-cls: ~'@{css-prefix}input';
 @input-group-prefix-cls: ~'@{css-prefix}input-group';
@@ -27,11 +28,11 @@
 @select-prefix-cls: ~'@{css-prefix}select';
 @rate-prefix-cls: ~'@{css-prefix}rate';
 
-.size-height(@height, @line-height, @margin-bottom) {
+.size-height(@height, @margin-bottom) {
   margin-bottom: @margin-bottom;
 
   .@{form-item-prefix-cls}__content {
-    line-height: @line-height;
+    line-height: @height;
 
     .@{css-prefix}checkbox,
     .@{css-prefix}radio {
@@ -47,68 +48,67 @@
         height: @height;
       }
     }
+    .@{css-prefix}slider-container {
+      height: @height;
+    }
   }
 
   .@{form-item-prefix-cls}__label {
-    height: @line-height;
-    line-height: @line-height;
+    height: @height;
+    line-height: @height;
+  }
+}
+
+.star-selector(@content) {
+  &.is-required:not(.is-no-asterisk) {
+    // 子选择器是避免影响嵌套表单场景
+    .@{form-item-prefix-cls}__label-wrap > .@{form-item-prefix-cls}__label:before,
+    & > .@{form-item-prefix-cls}__label:before {
+      @content();
+    }
   }
 }
 
 .@{form-item-prefix-cls} {
   .component-css-vars-form-item();
 
-  font-family: var(--ti-common-font-family);
-  margin-bottom: var(--ti-form-item-margin-bottom-default);
   .clearfix();
 
-  .@{form-item-prefix-cls}__content-muti-children {
-    width: 100%;
-  }
-
-  .@{form-item-prefix-cls}__extra-tip {
-    line-height: var(--ti-form-item-extra-tip-line-height);
-    margin-top: var(--ti-form-item-extra-tip-margin-top);
-    color: var(--ti-form-item-extra-tip-font-color);
-    font-size: var(--ti-form-item-extra-tip-font-size);
-  }
-
   & & {
     margin-bottom: 0;
   }
 
-  &--small &__error {
+  &--mini &__error {
     padding-top: 2px;
   }
 
-  &--mini &__error {
-    padding-top: 1px;
-  }
+  .size-height(
+    var(--tv-FormItem-height),
+    var(--tv-FormItem-margin-bottom)
+  );
 
   &--medium {
     .size-height(
-      var(--ti-form-item-medium-line-height),
-      var(--ti-form-item-medium-line-height),
-      var(--ti-form-item-margin-bottom-medium)
+      var(--tv-FormItem-height-lg),
+      var(--tv-FormItem-margin-bottom-lg)
     );
   }
 
   &--small {
     .size-height(
-      var(--ti-form-item-small-line-height),
-      var(--ti-form-item-small-line-height),
-      var(--ti-form-item-margin-bottom-small)
+      var(--tv-FormItem-height-sm),
+      var(--tv-FormItem-margin-bottom-sm)
     );
   }
 
   &--mini {
     .size-height(
-      var(--ti-form-item-mini-line-height),
-      var(--ti-form-item-mini-line-height),
-      var(--ti-form-item-margin-bottom-mini)
+      var(--tv-FormItem-height-xs),
+      var(--tv-FormItem-margin-bottom-xs)
     );
   }
 
+  // label-width设置为auto时样式
   &__label-wrap {
     float: left;
 
@@ -122,11 +122,9 @@
     text-align: right;
     vertical-align: middle;
     float: left;
-    font-size: var(--ti-form-item-label-font-size);
-    color: var(--ti-form-item-label-text-color);
-    height: var(--ti-form-item-label-line-height);
-    line-height: var(--ti-form-item-label-line-height);
-    padding-right: var(--ti-form-item-label-padding-right);
+    font-size: var(--tv-FormItem-font-size);
+    color: var(--tv-FormItem-text-color);
+    padding-right: var(--tv-FormItem-label-padding-right);
     box-sizing: border-box;
     overflow: hidden;
     white-space: nowrap;
@@ -135,8 +133,7 @@
 
   &__content {
     position: relative;
-    font-size: var(--ti-form-item-label-font-size);
-    line-height: var(--ti-form-item-label-line-height);
+    font-size: var(--tv-FormItem-font-size);
     .clearfix();
 
     .@{input-prefix-cls},
@@ -150,14 +147,10 @@
 
       &.is-display-only {
         vertical-align: middle;
+        line-height: 1.5;
       }
     }
 
-    // numeric只读态使用absolute实现，需要一个margin-top修复水平对齐问题
-    .@{css-prefix}numeric.is-display-only {
-      margin-top: var(--ti-form-item-numeric-display-margin-top);
-    }
-
     .@{input-prefix-cls} {
       display: inline-block;
       &.@{range-editor-prefix-cls}.@{input-prefix-cls}__inner {
@@ -171,7 +164,7 @@
 
     .@{rate-prefix-cls} {
       &__text {
-        line-height: 1.5;
+        line-height: var(--tv-FormItem-line-height);
       }
     }
 
@@ -182,17 +175,7 @@
     .@{button-prefix-cls} + .@{button-prefix-cls} {
       margin-left: 8px;
     }
-
-    .@{css-prefix}checkbox,
-    .@{css-prefix}radio {
-      line-height: var(--ti-form-item-label-line-height);
-    }
-    .@{css-prefix}slider-container {
-      height: var(--ti-form-item-label-line-height);
-    }
     .@{css-prefix}checkbox-group {
-      min-height: var(--ti-form-item-label-line-height);
-
       &:has(> label.is-group-display-only) {
         min-height: unset;
         vertical-align: baseline;
@@ -210,60 +193,51 @@
   }
 
   &__error {
-    color: var(--ti-form-item-error-text-color);
-    font-size: var(--ti-form-item-error-font-size);
+    color: var(--tv-FormItem-text-color-error);
+    font-size: var(--tv-FormItem-font-size);
     line-height: 1;
     padding-top: 4px;
     position: absolute;
-    top: 100%;
-    left: 0;
 
     .validate-icon {
-      fill: var(--ti-form-item-error-text-color);
-      margin-right: var(--ti-form-item-error-icon-margin-right);
+      fill: var(--tv-FormItem-icon-color-error);
+      margin-right: 4px;
     }
     .@{form-item-prefix-cls}__validate-message {
       vertical-align: middle;
     }
-  }
 
-  &__error--inline {
-    position: relative;
-    top: auto;
-    left: auto;
-    display: inline-block;
-    margin-left: var(--ti-form-item-error-inline-margin-left);
-  }
-
-  &__error--block {
-    position: relative;
-    top: auto;
-    left: auto;
-    display: flex;
-    margin-left: 0;
-    padding-top: var(--ti-form-item-error-block-padding-top);
-  }
+    &--inline {
+      position: relative;
+      display: inline-block;
+      margin-left: 8px;
+    }
 
-  &.is-required:not(.is-no-asterisk) {
-    .@{form-item-prefix-cls}__label-wrap > .@{form-item-prefix-cls}__label:before,
-    & > .@{form-item-prefix-cls}__label:before {
-      display: var(--ti-form-item-error-star-display);
-      content: '*';
-      color: var(--ti-form-item-error-star-text-color);
-      margin-right: 4px;
+    &--block {
+      position: relative;
+      display: flex;
+      margin-left: 0;
+      padding-top: var(--tv-FormItem-error-block-padding-top);
     }
   }
 
+  .star-selector({
+    content: '*';
+    color: var(--tv-FormItem-text-color-error);
+    margin-right: 4px;
+  });
+
   &.is-error {
     .@{input-prefix-cls}__inner,
     .@{input-prefix-cls}__inner:focus,
     .@{textarea-prefix-cls},
+    .@{textarea-prefix-cls}::before,
+    .@{textarea-prefix-cls}::after,
     .@{textarea-prefix-cls}:focus,
     .@{textarea-prefix-cls}__inner,
     .@{textarea-prefix-cls}__inner:focus {
-      border-color: var(--ti-form-item-error-border-color);
-      background-color: var(--ti-form-item-error-bg-color);
-      --ti-textarea-bg-color: var(--ti-form-item-error-bg-color);
+      border-color: var(--tv-FormItem-border-color-error);
+      background-color: var(--tv-FormItem-bg-color-error);
     }
 
     .@{input-group-prefix-cls}__append,
@@ -273,22 +247,126 @@
       }
     }
 
-    .@{input-prefix-cls}__validateIcon {
-      color: var(--ti-form-item-error-text-color);
-    }
-
     .@{numeric-prefix-cls}__input-inner,
     .@{numeric-prefix-cls}__input-inner:focus {
-      border-color: var(--ti-form-item-error-border-color);
-      background-color: var(--ti-form-item-error-bg-color);
+      border-color: var(--tv-FormItem-border-color-error);
+      background-color: var(--tv-FormItem-bg-color-error);
     }
   }
 
-  &--feedback .@{input-prefix-cls}__validateIcon {
-    display: inline-block;
+  &__extra-tip {
+    line-height: var(--tv-FormItem-line-height);
+    margin-top: 8px;
+    color: var(--tv-FormItem-text-color-weaken);
+    font-size: var(--tv-FormItem-font-size);
   }
+}
 
-  .@{input-prefix-cls}__validateIcon {
-    display: none;
+.@{form-prefix-cls} {
+  .component-css-vars-form-item();
+
+  &--inline {
+    .@{form-item-prefix-cls} {
+      display: inline-block;
+      vertical-align: top;
+      margin-right: 24px;
+    }
+
+    .@{form-item-prefix-cls}__label {
+      float: none;
+      display: inline-block;
+    }
+
+    .@{form-item-prefix-cls}__content {
+      display: inline-block;
+      vertical-align: top;
+    }
+
+    // 嵌套表单场景
+    .@{form-prefix-cls}--label-top .@{form-item-prefix-cls}__content {
+      display: block;
+    }
+  }
+
+  &--label-left {
+    &.has-required {
+      .@{form-item-prefix-cls}__label {
+        padding-left: 12px;
+      }
+    }
+    .@{form-item-prefix-cls}__label {
+      text-align: left;
+    }
+
+    &.label-align {
+      .@{form-item-prefix-cls} {
+        &.is-required {
+          .@{form-item-prefix-cls}__label {
+            padding-left: 12px;
+            position: relative;
+
+            &::before {
+              position: absolute;
+              left: 0;
+            }
+          }
+          & ~ .@{form-item-prefix-cls} {
+            .@{form-item-prefix-cls}__label {
+              padding-left: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &--label-top {
+    .@{form-item-prefix-cls} {
+      margin-bottom: 16px;
+    }
+    .@{form-item-prefix-cls}__label {
+      float: none;
+      display: block;
+      text-align: left;
+      padding: 0 0 8px;
+      height: auto;
+      line-height: var(--tv-FormItem-line-height);
+    }
+  }
+
+  &.is-display-only {
+    .@{form-item-prefix-cls}__label {
+      line-height: var(--tv-FormItem-line-height);
+      height: auto;
+      vertical-align: inherit;
+      color: var(--tv-FormItem-text-color-weaken);
+    }
+
+    .@{form-item-prefix-cls}__content {
+      line-height: var(--tv-FormItem-line-height);
+      font-size: var(--tv-FormItem-font-size);
+      height: auto;
+      vertical-align: inherit;
+
+      // 一些组件的只读态实现方式怪异，需要一些修正样式来修复水平对齐问题
+      .@{switch-prefix-cls} {
+        margin-top: 0;
+      }
+
+      .@{css-prefix}numeric.is-display-only {
+        margin-top: 2px;
+      }
+      .@{input-prefix-cls} {
+        &.@{range-editor-prefix-cls}.@{input-prefix-cls}__inner {
+          height: 18px;
+        }
+      }
+    }
+
+    .@{form-item-prefix-cls} {
+      .star-selector({
+        content: '';
+      });
+    }
   }
 }
diff --git a/packages/theme/src/form-item/old-theme.js b/packages/theme/src/form-item/old-theme.js
index 9dc3d19f9b..cb8c8c0cf5 100644
--- a/packages/theme/src/form-item/old-theme.js
+++ b/packages/theme/src/form-item/old-theme.js
@@ -1,13 +1,13 @@
 export const tinyFormItemOldTheme = {
-  'ti-form-item-margin-bottom-medium': 'var(--ti-common-space-5x, 20px)',
-  'ti-form-item-margin-bottom-small': 'var(--ti-common-space-5x, 20px)',
-  'ti-form-item-margin-bottom-mini': 'var(--ti-common-space-4x, 16px)',
-  'ti-form-item-margin-bottom-default': 'var(--ti-common-space-5x, 20px)',
-  'ti-form-item-input-medium-height': 'var(--ti-common-size-10x, 40px)',
-  'ti-form-item-input-small-height': 'var(--ti-common-size-8x, 32px)',
-  'ti-form-item-input-mini-height': 'var(--ti-common-size-6x, 24px)',
-  'ti-form-item-label-padding-right': 'var(--ti-common-space-2x, 8px)',
-  'ti-form-item-mini-line-height': 'var(--ti-common-line-height-5, 24px)',
-  'ti-form-item-medium-line-height': 'calc(var(--ti-common-line-height-7, 36px) + 4px)',
-  'ti-form-item-small-line-height': 'var(--ti-common-line-height-6, 32px)'
+  'ti-FormItem-margin-bottom-medium': 'var(--ti-common-space-5x, 20px)',
+  'ti-FormItem-margin-bottom-small': 'var(--ti-common-space-5x, 20px)',
+  'ti-FormItem-margin-bottom-mini': 'var(--ti-common-space-4x, 16px)',
+  'ti-FormItem-margin-bottom-default': 'var(--ti-common-space-5x, 20px)',
+  'ti-FormItem-input-medium-height': 'var(--ti-common-size-10x, 40px)',
+  'ti-FormItem-input-small-height': 'var(--ti-common-size-8x, 32px)',
+  'ti-FormItem-input-mini-height': 'var(--ti-common-size-6x, 24px)',
+  'ti-FormItem-label-padding-right': 'var(--ti-common-space-2x, 8px)',
+  'ti-FormItem-mini-line-height': 'var(--ti-common-line-height-5, 24px)',
+  'ti-FormItem-medium-line-height': 'calc(var(--ti-common-line-height-7, 36px) + 4px)',
+  'ti-FormItem-small-line-height': 'var(--ti-common-line-height-6, 32px)'
 }
diff --git a/packages/theme/src/form-item/vars.less b/packages/theme/src/form-item/vars.less
index 505b73319f..6efcf4bf47 100644
--- a/packages/theme/src/form-item/vars.less
+++ b/packages/theme/src/form-item/vars.less
@@ -11,62 +11,44 @@
 */
 
 .component-css-vars-form-item() {
-  // 小型尺寸表单输入框左侧行高(hide)
-  --ti-form-item-small-line-height: 28px;
-  // 中等尺寸表单输入框左侧行高(hide)
-  --ti-form-item-medium-line-height: var(--ti-common-size-10x);
-  // 迷你尺寸表单输入框左侧行高(hide)
-  --ti-form-item-mini-line-height: 24px;
-  // 表单输入框左侧文本行高
-  --ti-form-item-label-line-height: var(--ti-common-size-height-normal, 28px);
-  // 表单输入框左侧文本内边距
-  --ti-form-item-label-padding-right: var(--ti-common-space-6x);
-  // 迷你尺寸表单的输入框高度
-  --ti-form-item-input-mini-height: var(--ti-common-size-6x);
-  // 小型尺寸表单的输入框高度
-  --ti-form-item-input-small-height: 28px;
-  // 中等尺寸表单的输入框高度
-  --ti-form-item-input-medium-height: var(--ti-common-size-10x);
-  // 表单输入框左侧字号
-  --ti-form-item-label-font-size: var(--ti-common-font-size-1, 14px);
-  // 表单输入框左侧文本色
-  --ti-form-item-label-text-color: var(--ti-common-color-text-primary, #252b3a);
-
-  // 表单校验错误时输入框提示字号
-  --ti-form-item-error-font-size: var(--ti-common-font-size-base, 12px);
-  // 表单校验错误时输入框提示文本色
-  --ti-form-item-error-text-color: var(--ti-common-color-error, #f66f6a);
-  // 表单校验错误时星号文本色
-  --ti-form-item-error-star-text-color: var(--ti-common-color-error, #f66f6a);
-  // 表单校验错误时输入框边框色
-  --ti-form-item-error-border-color: var(--ti-common-color-error-border, #f66f6a);
-  // 表单校验错误时输入框背景色
-  --ti-form-item-error-bg-color: var(--ti-common-color-error-bg, #ffeeed);
-
-  // 小型尺寸表单的行间距
-  --ti-form-item-margin-bottom-default: var(--ti-common-space-6x);
-  // 迷你尺寸表单的行间距
-  --ti-form-item-margin-bottom-mini: var(--ti-common-space-5x);
-  // 小型尺寸表单的行间距
-  --ti-form-item-margin-bottom-small: var(--ti-common-space-6x);
-  // 中等尺寸表单的行间距
-  --ti-form-item-margin-bottom-medium: var(--ti-common-space-6x);
-  // 表单校验错误时星号的显示(hide)
-  --ti-form-item-error-star-display: inline-block;
-  // 表单校验图标右侧外边距
-  --ti-form-item-error-icon-margin-right: var(--ti-common-space-base, 4px);
-  // 表单校验行内错误左侧外边距
-  --ti-form-item-error-inline-margin-left: calc(var(--ti-common-space-base, 4px) * 2.5);
+  // 表单项行高
+  --tv-FormItem-line-height: var(--tv-line-height-number);
+  // 表单项字号大小
+  --tv-FormItem-font-size: var(--tv-font-size-md);
+  // 表单项字体颜色
+  --tv-FormItem-text-color: var(--tv-color-text);
+  // 表单项辅助字体颜色
+  --tv-FormItem-text-color-weaken: var(--tv-color-text-weaken);
+  // 表单项错误提示字体颜色
+  --tv-FormItem-text-color-error: var(--tv-color-error-text);
+  // 表单项错误提示图标颜色
+  --tv-FormItem-icon-color-error: var(--tv-color-error-icon);
+  // 表单项错误背景颜色
+  --tv-FormItem-bg-color-error: var(--tv-color-error-bg-light);
+  // 表单项错误边框颜色
+  --tv-FormItem-border-color-error: var(--tv-color-error-border);
+  // 表单项高度
+  --tv-FormItem-height: var(--tv-size-height-md);
+  // 表单项下侧外边距
+  --tv-FormItem-margin-bottom: 24px;
   // 表单校验块级错误消息上侧内边距
-  --ti-form-item-error-block-padding-top: var(--ti-common-space-2x, 8px);
-  // 表单额外提示信息上侧外边距
-  --ti-form-item-extra-tip-margin-top: var(--ti-common-space-2x, 8px);
-  // 表单额外提示信息字体颜色
-  --ti-form-item-extra-tip-font-color: var(--ti-common-color-text-weaken, #8a8e99);
-  // 表单额外提示信息字体大小
-  --ti-form-item-extra-tip-font-size: var(--ti-common-font-size-1, 14px);
-  // 表单额外提示信息字体行高
-  --ti-form-item-extra-tip-line-height: var(--ti-common-line-height-number, 1.5);
-  // 表单numeric只读态上侧修正外边距(hide)
-  --ti-form-item-numeric-display-margin-top: -2px;
+  --tv-FormItem-error-block-padding-top: var(--tv-space-md);
+  // -------label相关样式-------
+  // 表单输入框左侧文本内边距
+  --tv-FormItem-label-padding-right: 24px;
+  // -------大尺寸表单-------
+  // 大尺寸表单项高度
+  --tv-FormItem-height-lg: var(--tv-size-height-lg);
+  // 大尺寸表单项下侧外边距
+  --tv-FormItem-margin-bottom-lg: 24px;
+  // -------小尺寸表单-------
+  // 小尺寸表单项高度
+  --tv-FormItem-height-sm: var(--tv-size-height-sm);
+  // 小尺寸表单项下侧外边距
+  --tv-FormItem-margin-bottom-sm: 24px;
+  // -------mini尺寸表单-------
+  // mini尺寸表单项高度
+  --tv-FormItem-height-xs: var(--tv-size-height-xs);
+  // mini尺寸表单项下侧外边距
+  --tv-FormItem-margin-bottom-xs: 20px;
 }
diff --git a/packages/theme/src/form/aurora-theme.js b/packages/theme/src/form/aurora-theme.js
index 38e9a0e99b..691254aa44 100644
--- a/packages/theme/src/form/aurora-theme.js
+++ b/packages/theme/src/form/aurora-theme.js
@@ -1,6 +1,6 @@
 export const tinyFormAuroraTheme = {
-  'ti-form-valid-padding-vertical': '7px',
-  'ti-form-valid-padding-horizontal': '4px',
-  'ti-form-item-error-border-color': '#f5222d',
-  'ti-form-item-error-bg-color': '#ffffff'
+  'ti-Form-valid-padding-vertical': '7px',
+  'ti-Form-valid-padding-horizontal': '4px',
+  'ti-Form-item-error-border-color': '#f5222d',
+  'ti-Form-item-error-bg-color': '#ffffff'
 }
diff --git a/packages/theme/src/form/index.less b/packages/theme/src/form/index.less
index b2eec69a13..1ed6271b2b 100644
--- a/packages/theme/src/form/index.less
+++ b/packages/theme/src/form/index.less
@@ -16,10 +16,6 @@
 @form-prefix-cls: ~'@{css-prefix}form';
 @form-item-prefix-cls: ~'@{css-prefix}form-item';
 @tooltip-prefix-cls: ~'@{css-prefix}tooltip';
-@input-prefix-cls: ~'@{css-prefix}input';
-@textarea-prefix-cls: ~'@{css-prefix}textarea';
-@switch-prefix-cls: ~'@{css-prefix}switch';
-@range-editor-prefix-cls: ~'@{css-prefix}range-editor';
 
 .@{form-prefix-cls} {
   .component-css-vars-form();
@@ -30,188 +26,21 @@
     outline: none;
   }
 
-  &--inline {
-    .@{form-item-prefix-cls},
-    .@{form-item-prefix-cls}__content {
-      display: inline-block;
-      vertical-align: top;
-    }
-
-    .@{form-item-prefix-cls} {
-      margin-right: var(--ti-form-item-margin-right);
-    }
-
-    .@{form-item-prefix-cls}__label {
-      float: none;
-      display: inline-block;
-    }
-
-    .@{form-prefix-cls}--label-top .@{form-item-prefix-cls}__content {
-      display: block;
-    }
-  }
-
-  &--label-left {
-    &.has-required {
-      .@{form-item-prefix-cls}__label {
-        padding-left: 12px;
-      }
-    }
-    .@{form-item-prefix-cls}__label {
-      text-align: left;
-    }
-
-    &.label-align {
-      .@{form-item-prefix-cls} {
-        &.is-required {
-          .@{form-item-prefix-cls}__label {
-            padding-left: 12px;
-            position: relative;
-
-            &::before {
-              font-size: 20px;
-              line-height: 1;
-              position: absolute;
-              left: 0;
-              top: 60%;
-              transform: translateY(-50%);
-            }
-          }
-          & ~ .@{form-item-prefix-cls} {
-            .@{form-item-prefix-cls}__label {
-              padding-left: 12px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &--label-top {
-    .@{form-item-prefix-cls}__label {
-      float: none;
-      display: inline-block;
-      text-align: left;
-      padding: 0 0 8px;
-      height: var(--ti-form-label-top-label-height);
-      line-height: var(--ti-form-label-top-label-line-height);
-    }
-
-    .@{form-item-prefix-cls} {
-      margin-bottom: var(--ti-form-label-top-margin-bottom);
-    }
-  }
-
   &--label-top & {
-    margin-bottom: var(--ti-form-label-top-margin-bottom);
+    margin-bottom: var(--ti-Form-label-top-margin-bottom);
   }
+}
 
-  &--inline&--label-top {
-    .@{form-item-prefix-cls} {
-      margin-bottom: 16px;
-      margin-right: 64px;
-    }
-
-    .@{form-item-prefix-cls}__label {
-      display: block;
-      text-align: left;
-    }
-  }
-
-  &__valid {
-    .component-css-vars-form();
-    &.@{tooltip-prefix-cls}.@{tooltip-prefix-cls}__popper {
-      padding: var(--ti-form-valid-padding-vertical) var(--ti-form-valid-padding-horizontal);
-
-      .tooltip-validate-icon {
-        fill: var(--ti-tooltip-validate-icon-color);
-        margin-right: 8px;
-        font-size: 16px;
-      }
-
-      &[x-placement^='top'] .popper__arrow {
-        bottom: -4px;
-      }
-
-      &[x-placement^='top'] {
-        margin-bottom: 6px;
-      }
-
-      &[x-placement^='bottom'] {
-        margin-top: 6px;
-      }
-    }
-    .@{form-item-prefix-cls}__validate-message {
-      vertical-align: middle;
+.@{form-prefix-cls}__valid {
+  .component-css-vars-form();
+  &.@{tooltip-prefix-cls}.@{tooltip-prefix-cls}__popper {
+    .tooltip-validate-icon {
+      fill: var(--tv-Form-icon-color-error);
+      margin-right: 8px;
+      font-size: var(--tv-Form-icon-size);
     }
   }
-
-  &.is-display-only {
-    .tiny-form-item__label {
-      line-height: 1.5;
-      height: auto;
-      vertical-align: inherit;
-      color: var(--ti-form-display-label-color);
-      padding-bottom: var(--ti-form-display-label-padding-bottom);
-    }
-
-    .tiny-form-item__content {
-      line-height: 1.5;
-      font-size: 14px;
-      height: auto;
-      vertical-align: inherit;
-    }
-
-    .@{form-item-prefix-cls}.is-required:not(.is-no-asterisk) {
-      .@{form-item-prefix-cls}__label-wrap > .@{form-item-prefix-cls}__label:before,
-      & > .@{form-item-prefix-cls}__label:before {
-        content: '';
-      }
-    }
-
-    .@{form-item-prefix-cls}__content {
-      .tiny-checkbox {
-        line-height: 1.5;
-      }
-
-      .tiny-radio {
-        line-height: 1;
-        padding: 0;
-      }
-      .@{switch-prefix-cls} {
-        margin-top: 0;
-      }
-      .@{input-prefix-cls} {
-        &.@{range-editor-prefix-cls}.@{input-prefix-cls}__inner {
-          height: 18px;
-        }
-      }
-      .@{textarea-prefix-cls}__inner {
-        height: 0;
-        padding: 0;
-        border-style: none;
-      }
-    }
-    .@{form-item-prefix-cls}--medium .@{form-item-prefix-cls}__content,
-    .@{form-item-prefix-cls}--small .@{form-item-prefix-cls}__content,
-    .@{form-item-prefix-cls}--mini .@{form-item-prefix-cls}__content {
-      .@{input-prefix-cls} .@{input-prefix-cls}__inner {
-        height: 36px;
-        line-height: 36px;
-      }
-    }
-    .@{form-item-prefix-cls}--medium {
-      .@{form-item-prefix-cls}__label,
-      .@{form-item-prefix-cls}__content {
-        font-size: 14px;
-      }
-      .@{form-item-prefix-cls}__content .@{css-prefix}tooltip {
-        font-size: 14px;
-      }
-
-      .@{form-item-prefix-cls}__label {
-        padding-bottom: 12px;
-      }
-    }
+  .@{form-item-prefix-cls}__validate-message {
+    vertical-align: middle;
   }
 }
diff --git a/packages/theme/src/form/old-theme.js b/packages/theme/src/form/old-theme.js
index 2a1422200c..90e3bc2f0a 100644
--- a/packages/theme/src/form/old-theme.js
+++ b/packages/theme/src/form/old-theme.js
@@ -1,6 +1,6 @@
 export const tinyFormOldTheme = {
-  'ti-form-display-label-padding-bottom': 'var(--ti-common-space-2x, 8px)',
-  'ti-form-label-top-label-height': 'var(--ti-common-size-height-normal, 28px)',
-  'ti-form-label-top-label-line-height': 'var(--ti-common-size-height-normal, 28px)',
-  'ti-form-label-top-margin-bottom': 'var(--ti-common-space-4x, 16px)'
+  'ti-Form-display-label-padding-bottom': 'var(--ti-common-space-2x, 8px)',
+  'ti-Form-label-top-label-height': 'var(--ti-common-size-height-normal, 28px)',
+  'ti-Form-label-top-label-line-height': 'var(--ti-common-size-height-normal, 28px)',
+  'ti-Form-label-top-margin-bottom': 'var(--ti-common-space-4x, 16px)'
 }
diff --git a/packages/theme/src/form/vars.less b/packages/theme/src/form/vars.less
index 79f7eb71bc..4e1d7cd115 100644
--- a/packages/theme/src/form/vars.less
+++ b/packages/theme/src/form/vars.less
@@ -11,21 +11,8 @@
 */
 
 .component-css-vars-form() {
-  // 表单校验水平内边距
-  --ti-form-valid-padding-horizontal: var(--ti-common-space-4x, 16px);
-  // 表单校验垂直内边距
-  --ti-form-valid-padding-vertical: var(--ti-common-space-3x, 12px);
-  // 行内表单输入框右边距(hide)
-  --ti-form-item-margin-right: calc(var(--ti-common-space-2x, 8px) + 2px);
-
-  // 表单项垂直排列时的下边距(hide)
-  --ti-form-label-top-margin-bottom: var(--ti-common-space-4x);
-  // 表单项垂直排列时的表单项标签行高(hide)
-  --ti-form-label-top-label-line-height: 1.5;
-  // 表单项垂直排列时的表单项标签高度(hide)
-  --ti-form-label-top-label-height: calc(1.5em + 8px);
-  // 仅展示表单文本颜色
-  --ti-form-display-label-color: var(--ti-common-color-text-weaken, #8a8e99);
-  // 仅展示表单文本下侧边距
-  --ti-form-display-label-padding-bottom: var(--ti-common-space-base);
+  // 表单图标大小
+  --tv-Form-icon-size: var(--tv-icon-size);
+  // 表单错误提示图标颜色
+  --tv-Form-icon-color-error: var(--tv-color-error-icon);
 }
diff --git a/packages/vue/src/form-item/src/pc.vue b/packages/vue/src/form-item/src/pc.vue
index fd0ad4d24b..918851c0e7 100644
--- a/packages/vue/src/form-item/src/pc.vue
+++ b/packages/vue/src/form-item/src/pc.vue
@@ -25,6 +25,7 @@ import {
 import { renderless, api } from '@opentiny/vue-renderless/form-item/vue'
 import LabelWrap from './label-wrap'
 import Tooltip from '@opentiny/vue-tooltip'
+import { iconError } from '@opentiny/vue-icon'
 import type { IFormItemApi, IFormItemInstance } from '@opentiny/vue-renderless/types/form-item.type'
 
 const $constants = {
@@ -37,7 +38,8 @@ export default defineComponent({
   componentName: 'FormItem',
   components: {
     LabelWrap,
-    Tooltip
+    Tooltip,
+    IconError: iconError()
   },
   props: {
     ...$props,