fix(tag-input): tag props should effect collapsed tag

package.json

@@ -203,7 +203,7 @@
     "@types/tinycolor2": "^1.4.3",
     "@types/validator": "^13.1.3",
     "classnames": "~2.3.1",
-    "dayjs": "~1.11.4",
+    "dayjs": "1.11.10",
     "hoist-non-react-statics": "~3.3.2",
     "lodash": "~4.17.15",
     "mitt": "^3.0.0",

src/tag-input/__tests__/vitest-tag-input.test.jsx

@@ -217,6 +217,21 @@ describe('TagInput Component', () => {
     expect(container.querySelector('.custom-node')).toBeTruthy();
   });
 
+  it('props.tagProps should effect collapsed tag', () => {
+    const { container } = render(
+      <TagInput
+        size="large"
+        tagProps={{ size: 'small' }}
+        value={['Vue', 'React', 'Miniprogram', 'Angular', 'Flutter']}
+        minCollapsedNum={1}
+      ></TagInput>,
+    );
+    // normal tag
+    expect(container.querySelectorAll('.t-tag')[0]).toHaveClass('t-size-s');
+    // collapsed tag
+    expect(container.querySelectorAll('.t-tag')[1]).toHaveClass('t-size-s');
+  });
+
   it('props.tag works fine', () => {
     const { container } = getTagInputValueMount(TagInput, {
       tag: <span className="custom-node">TNode</span>,

src/tag-input/useTagList.tsx

@@ -105,7 +105,15 @@ export default function useTagList(props: TagInputProps) {
         collapsedTags: tagValue.slice(minCollapsedNum, tagValue.length),
       };
       const more = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;
-      list.push(<Fragment key="more">{more ?? <Tag size={size}>+{len}</Tag>}</Fragment>);
+      list.push(
+        <Fragment key="more">
+          {more ?? (
+            <Tag size={size} {...tagProps}>
+              +{len}
+            </Tag>
+          )}
+        </Fragment>,
+      );
     }
     return list;
   };