[Timeline] 腾讯云主题下竖向时间轴不显示线条

[colaiven]

希望显示线条

[github-actions]

👋 @colaiven，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[colaiven]

使用自定义图标时也没有对齐

[github-actions]

👋 @colaiven，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[liweijie0812]

使用自定义图标时没有对齐

复现代码

<template>
  <t-space direction="vertical">
    <t-space align="center">
      <h3>时间轴方向</h3>
      <t-radio-group v-model="layout" variant="default-filled">
        <t-radio-button value="vertical">垂直时间轴</t-radio-button>
        <t-radio-button value="horizontal">水平时间轴</t-radio-button>
      </t-radio-group>
    </t-space>
    <t-space align="center">
      <h3>对齐方式</h3>
      <t-radio-group v-model="labelAlign" variant="default-filled">
        <t-radio-button value="left">左对齐</t-radio-button>
        <t-radio-button value="alternate">交错对齐</t-radio-button>
        <t-radio-button value="right">右对齐</t-radio-button>
      </t-radio-group>
    </t-space>
    <t-space align="center">
      <h3>label对齐方式</h3>
      <t-radio-group v-model="mode" variant="default-filled">
        <t-radio-button value="same">同侧</t-radio-button>
        <t-radio-button value="alternate">交错</t-radio-button>
      </t-radio-group>
    </t-space>
    <t-timeline :layout="layout" :label-align="labelAlign" :mode="mode">
      <t-timeline-item
        v-for="(item, index) in options"
        :key="index"
        :label="item.label"
        dot-color="primary"
        :dot="item.dot"
      >
        {{ item.content }}
      </t-timeline-item>
    </t-timeline>
  </t-space>
</template>
<script setup>
import { ref, h } from 'vue';
import { TipsIcon, UserIcon, HeartIcon, HomeIcon } from 'tdesign-icons-vue-next';

const layout = ref('vertical');
const labelAlign = ref('left');
const mode = ref('same');
const options = [
  {
    label: '2022-01-01',
    content: '事件一 icon size 没设置',
    dot: () => h(TipsIcon),
  },
  {
    label: '2022-02-01',
    content: '事件二  icon size medium',
    dot: () => h(UserIcon, { size: 'medium' }),
  },
  {
    label: '2022-03-01',
    content: '事件三 icon size large',
    dot: () => h(HeartIcon, { size: 'large' }),
  },
  {
    label: '2022-04-01',
    content: '事件四 icon size small',
    dot: () => h(HomeIcon, { size: 'small' }),
  },
  {
    label: '2022-01-01',
    content: '事件五 icon size 没设置',
    dot: () => h(TipsIcon),
  },
];
</script>