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,31 +44,30 @@ function Tag(
     classes[size] = size;
   }
 
-  const Content = (
+  const CloseIcon = props.closeable && (
-    <span
+    <Icon
-      style={style}
+      name="cross"
-      class={[bem([classes, type]), { [BORDER_SURROUND]: plain }]}
+      class={bem('close')}
-      {...inherit(ctx, true)}
+      onClick={(event: PointerEvent) => {
-    >
+        event.stopPropagation();
-      {slots.default?.()}
+        emit(ctx, 'close');
-      {props.closeable && (
+      }}
-        <Icon
+    />
-          name="cross"
-          class={bem('close')}
-          onClick={(event: PointerEvent) => {
-            event.stopPropagation();
-            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 = {