fix(timeline): add description prop for configuration mode display Fixes #3070 (#3822)

* fix(timeline): add description prop for configuration mode display

* chore(time-line): add meta stable version info for new feature

Author: IKEYCY

examples/sites/demos/apis/time-line.js

@@ -244,6 +244,20 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'vertical-timeline',
           mfDemo: ''
+        },
+        {
+          name: 'description',
+          type: 'string',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '时间线描述',
+            'en-US': 'Timeline description'
+          },
+          mode: ['pc', 'mobile-first'],
+          mfDemo: '',
+          meta: {
+            stable: '3.28.0'
+          }
         }
       ],
       events: [

packages/vue/src/timeline-item/src/pc.vue

@@ -51,7 +51,12 @@
 
           <div class="tiny-timeline-item__description" ref="description">
             <slot name="description" :slot-scope="node">
-              {{ node.description }}
+              <span v-if="description !== undefined && description !== null">
+                {{ description }}
+              </span>
+              <span v-else-if="node.description !== undefined && node.description !== null">
+                {{ node.description }}
+              </span>
             </slot>
             <div v-show="nodeIndex === rootProps.active">
               <slot name="active-node-desc" :slot-scope="node"></slot>
@@ -168,7 +173,7 @@ import type { ITimelineItemApi } from '@opentiny/vue-renderless/types/timeline-i
 
 export default defineComponent({
   emits: ['click'],
-  props: [...props, 'node', 'space', 'lineWidth', 'shape', 'autoColorField', 'nodeIndex'],
+  props: [...props, 'node', 'space', 'lineWidth', 'shape', 'autoColorField', 'nodeIndex', 'description'],
   components: {
     IconWarn: iconWarn(),
     IconClose: iconClose(),