fix(Tag): incorrect transition when set closeable dynamically

src/tag/index.less

@@ -83,6 +83,7 @@
   }
 
   &__close {
+    min-width: 1em;
     margin-left: 2px;
   }
 }

src/tag/index.tsx

@@ -44,14 +44,7 @@ function Tag(
     classes[size] = size;
   }
 
-  const Content = (
+  const CloseIcon = props.closeable && (
-    <span
-      style={style}
-      class={[bem([classes, type]), { [BORDER_SURROUND]: plain }]}
-      {...inherit(ctx, true)}
-    >
-      {slots.default?.()}
-      {props.closeable && (
     <Icon
       name="cross"
       class={bem('close')}
@@ -60,15 +53,21 @@ function Tag(
         emit(ctx, 'close');
       }}
     />
-      )}
-    </span>
   );
 
-  if (props.closeable) {
+  return (
-    return <transition name="van-fade">{Content}</transition>;
+    <transition name={props.closeable ? 'van-fade' : ''}>
-  }
+      <span
-
+        key="content"
-  return Content;
+        style={style}
+        class={[bem([classes, type]), { [BORDER_SURROUND]: plain }]}
+        {...inherit(ctx, true)}
+      >
+        {slots.default?.()}
+        {CloseIcon}
+      </span>
+    </transition>
+  );
 }
 
 Tag.props = {