Javascript 使多个阵列中的数据保持同步/跨多个阵列移动阵列位置

我正在使用vue、vuetify和dayjs构建日历。我已经完成了大部分工作，除了以下几个有问题的边缘案例：

我有两种类型的活动。单日事件（在同一天开始和结束的事件）和多日事件（在一天开始，在另一天结束的事件）。按照我现在设置的方式，日历将从后端接收有效负载，我使用dayjs isBevering范围查找哪些天属于哪一天列。如果这是一个多日事件，则将在列中“复制”以直观地表示它

现在，让我们来谈谈令人困惑的部分，以及我的困境。如果涉及多天的起始日列中有更改，我希望在相邻列中反映该更改。例如，如果我插入一个新的单日事件，开始时间早于2020-11-19，我希望将多日事件转换为2020-11-19至2020-11-21期间的第二个指数（假设为3日事件）。我还必须移动与多日事件共存的相邻列上存在的任何事件。 我的问题是，我如何才能理智地做到这一点？ 下面我有一个粗略的代码工作示例