fix(tag-input): align label content vertically (#4292)

* fix(tag-input): align label content vertically

fix #4289

* chore: update common

* chore: update common

* chore: stash changelog [ci skip]

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: tdesign-bot <tdesign@tencent.com>

Author: 3 people

packages/common

@@ -50,6 +50,19 @@ describe('TagInput Component', () => {
     });
   });
 
+  test('label renders with tags in break-line mode', () => {
+    const { container } = render(<TagInput value={['Vue', 'React']} label="Controlled: " />);
+    const wrapper = container.querySelector('.t-tag-input');
+    const inputPrefix = container.querySelector('.t-input__prefix');
+    const label = container.querySelector('.t-tag-input__prefix');
+
+    expect(wrapper).toHaveClass('t-tag-input--break-line');
+    expect(wrapper).toHaveClass('t-tag-input--with-tag');
+    expect(inputPrefix).toContainElement(label);
+    expect(inputPrefix.querySelectorAll('.t-tag')).toHaveLength(2);
+    expect(container.querySelector('.t-input__inner')).toBeTruthy();
+  });
+
   test('prefixIcon display', async () => {
     const text = 'test-prefixIcon';
     const { getByText } = await render(<TagInput prefixIcon={<span>{text}</span>} />);

packages/components/tag-input/__tests__/tag-input.test.tsx

@@ -0,0 +1,6 @@
+---
+pr_number: 4292
+contributor: DaZuiZui
+---
+
+- fix(TagInput): 修复带 `label` 且已有 tag 时，输入内容垂直对齐偏差的问题 @DaZuiZui ([#4292](https://github.com/Tencent/tdesign-react/pull/4292))