[FEATURE] XGanttColumn 的 label 希望支援插槽

[imlinhanchao]

可能有场景需要在 label 添加一些按钮之类。现在的 label 只能是文本。希望把 label 开放出来可自定义的插槽。

[jeremyjone]

具体讲一下

[imlinhanchao]

希望达成下面这种效果，通过 x-gantt-column 的 label 插槽。可以在表头额外添加一些组件实现一些特殊的功能。

<x-gantt
    data-id="id"
    :data="dataList"
    :ref="ganttRef"
    start-key="planStartTime"
    end-key="planEndTime"
    @row-click="rowClick"
  >
    <x-gantt-column  prop="name">
        <!--在表头添加搜索框-->
        <template #label>
            标题 <el-input  type="text" placeholder="搜索标题" />
        </template>
    </x-gantt-column>
    <x-gantt-column label="进度" prop="progress" />
    <x-gantt-column label="开始日期" width="100">
      <template #default="{ row }">
        <el-date-picker
          class="date-picker"
          v-model="row.planStartTime"
          type="date"
          placeholder="选择日期"
          size="small"
          style="width: 100%"
          :clearable="false"
          value-format="YYYY-MM-DD"
        />
      </template>
    </x-gantt-column>
    <x-gantt-column label="结束日期" width="100">
      <template #default="{ row }">
        <el-date-picker
          class="date-picker"
          v-model="row.planEndTime"
          type="date"
          placeholder="选择日期"
          size="small"
          style="width: 100%"
          :clearable="false"
          value-format="YYYY-MM-DD"
        />
      </template>
    </x-gantt-column>
    <!--在表头添加设置按钮-->
    <x-gantt-column>
        <template #label>
            <el-button icon="el-icon-setting" @click="setting" />
        </template>
    </x-gantt-column>
</x-gantt>

[jeremyjone]

这个看情况吧。。。表头的插槽考虑的东西比较多，目前没有特别的想法，后续可能会考虑吧