From 4e68875032718d1ca6508e88d1432c19dd0fb586 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 11 Jul 2023 14:11:03 +0300
Subject: [PATCH] Refactor #4124 - Timeline pt context improvements

---
 components/lib/timeline/Timeline.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/lib/timeline/Timeline.vue b/components/lib/timeline/Timeline.vue
index d6fa93b5b..2549ee4be 100644
--- a/components/lib/timeline/Timeline.vue
+++ b/components/lib/timeline/Timeline.vue
@@ -1,18 +1,18 @@
 <template>
     <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="timeline">
-        <div v-for="(item, index) of value" :key="getKey(item, index)" :class="cx('event')" v-bind="ptm('event')">
-            <div :class="cx('opposite')" v-bind="ptm('opposite')">
+        <div v-for="(item, index) of value" :key="getKey(item, index)" :class="cx('event')" v-bind="getPTOptions('event', index)">
+            <div :class="cx('opposite', { index })" v-bind="getPTOptions('opposite', index)">
                 <slot name="opposite" :item="item" :index="index"></slot>
             </div>
-            <div :class="cx('separator')" v-bind="ptm('separator')">
+            <div :class="cx('separator')" v-bind="getPTOptions('separator', index)">
                 <slot name="marker" :item="item" :index="index">
-                    <div :class="cx('marker')" v-bind="ptm('marker')"></div>
+                    <div :class="cx('marker')" v-bind="getPTOptions('marker', index)"></div>
                 </slot>
                 <slot v-if="index !== value.length - 1" name="connector" :item="item" :index="index">
-                    <div :class="cx('connector')" v-bind="ptm('connector')"></div>
+                    <div :class="cx('connector')" v-bind="getPTOptions('connector', index)"></div>
                 </slot>
             </div>
-            <div :class="cx('content')" v-bind="ptm('content')">
+            <div :class="cx('content')" v-bind="getPTOptions('content', index)">
                 <slot name="content" :item="item" :index="index"></slot>
             </div>
         </div>
@@ -29,6 +29,14 @@ export default {
     methods: {
         getKey(item, index) {
             return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
+        getPTOptions(key, index) {
+            return this.ptm(key, {
+                context: {
+                    index,
+                    count: this.value.length
+                }
+            });
         }
     }
 };