fix: n-input-group-label component is not affected by the size attribute of the n-form component

CHANGELOG.en-US.md

@@ -7,6 +7,7 @@
 ### Fixes
 
 - Fix `n-time-picker`'s `use-12-hours` type error warning, closes [#4308](https://github.com/tusen-ai/naive-ui/issues/4308)
+- Fix `n-input-group-label` component is not affected by the `size` attribute of the `n-form` component, closes [#6504](https://github.com/tusen-ai/naive-ui/issues/6504)
 
 ### Features
 

CHANGELOG.zh-CN.md

@@ -7,6 +7,7 @@
 ### Fixes
 
 - `n-time-picker` 的 `use-12-hours` 类型错误警告，关闭 [#4308](https://github.com/tusen-ai/naive-ui/issues/4308)
+- 修复 `n-input-group-label` 不受表单组件 `n-form` 的 `size` 属性影响，关闭 [#6504](https://github.com/tusen-ai/naive-ui/issues/6504)
 
 ### Features
 

src/input/src/InputGroupLabel.tsx

@@ -1,5 +1,5 @@
 import { type PropType, computed, defineComponent, h } from 'vue'
-import { useConfig, useTheme, useThemeClass } from '../../_mixins'
+import { useConfig, useFormItem, useTheme, useThemeClass } from '../../_mixins'
 import type { ThemeProps } from '../../_mixins'
 import { createKey } from '../../_utils'
 import type { ExtractPublicPropTypes } from '../../_utils'
@@ -10,10 +10,7 @@ import type { Size } from './interface'
 
 export const inputGroupLabelProps = {
   ...(useTheme.props as ThemeProps<InputTheme>),
-  size: {
-    type: String as PropType<Size>,
-    default: 'medium'
-  },
+  size: String as PropType<Size>,
   bordered: {
     type: Boolean as PropType<boolean | undefined>,
     default: undefined
@@ -30,6 +27,23 @@ export default defineComponent({
   setup(props) {
     const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled }
       = useConfig(props)
+
+    const formItem = useFormItem(props, {
+      mergedSize(NFormItem) {
+        const { size } = props
+        if (size !== undefined)
+          return size
+        if (NFormItem) {
+          const { mergedSize } = NFormItem
+          if (mergedSize.value !== undefined) {
+            return mergedSize.value
+          }
+        }
+        return 'medium'
+      }
+    })
+    const { mergedSizeRef } = formItem
+
     const themeRef = useTheme(
       'Input',
       '-input-group-label',
@@ -39,7 +53,7 @@ export default defineComponent({
       mergedClsPrefixRef
     )
     const cssVarsRef = computed(() => {
-      const { size } = props
+      const { value: size } = mergedSizeRef
       const {
         common: { cubicBezierEaseInOut },
         self: {
@@ -66,14 +80,18 @@ export default defineComponent({
     const themeClassHandle = inlineThemeDisabled
       ? useThemeClass(
         'input-group-label',
-        computed(() => props.size[0]),
+        computed(() => {
+          const { value: size } = mergedSizeRef
+          return size[0]
+        }),
         cssVarsRef,
         props
       )
       : undefined
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedBordered: mergedBorderedRef,
+      mergedSize: mergedSizeRef,
       cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
       themeClass: themeClassHandle?.themeClass,
       onRender: themeClassHandle?.onRender