feat:日历视图详细时间支持配置隐藏 (#3274)

Author: discreted66

examples/sites/demos/apis/calendar-view.js

@@ -149,6 +149,20 @@ export default {
           pcDemo: 'basic-usage',
           mfDemo: 'basic-usage'
         },
+        {
+          name: 'show-tip-time',
+          type: 'Boolean',
+          defaultValue: 'true',
+          desc: {
+            'zh-CN': '显示日程tips时间',
+            'en-US': 'Show schedule tips time'
+          },
+          meta: {
+            stable: '3.23.0'
+          },
+          mode: ['pc', 'mobile-first'],
+          mfDemo: ''
+        },
         {
           name: 'v-model',
           type: 'String',

packages/vue/src/calendar-view/src/index.ts

@@ -80,6 +80,10 @@ export const calendarViewProps = {
   showBackToday: {
     type: Boolean,
     default: true
+  },
+  showTipTime: {
+    type: Boolean,
+    default: true
   }
 }
 

packages/vue/src/calendar-view/src/mobile-first.vue

@@ -4,7 +4,7 @@
       <template #content>
         <div class="p-2 max-h-[80vh] overflow-auto">
           <div class="px-1.5 mb-1.5 border-l-2 border-color-brand">{{ state.eventTipContent.title }}</div>
-          <div class="mb-1.5 px-2 text-color-text-placeholder">
+          <div v-if="showTipTime" class="mb-1.5 px-2 text-color-text-placeholder">
             {{ state.eventTipContent.startDay }} {{ state.eventTipContent.startTime }} ~
             {{ state.eventTipContent.endDay }} {{ state.eventTipContent.endTime }}
           </div>
@@ -370,7 +370,8 @@ export default defineComponent({
     'height',
     'mark-color',
     'multi-select',
-    'showBackToday'
+    'showBackToday',
+    'showTipTime'
   ],
   setup(props, context) {
     return setup({

packages/vue/src/calendar-view/src/pc.vue

@@ -216,7 +216,7 @@
       <template #content>
         <div class="tooltip-main">
           <div class="title">{{ state.eventTipContent.title }}</div>
-          <div class="date">
+          <div v-if="showTipTime" class="date">
             {{ state.eventTipContent.startDay }} {{ state.eventTipContent.startTime }} ~
             {{ state.eventTipContent.endDay }} {{ state.eventTipContent.endTime }}
           </div>
@@ -284,7 +284,8 @@ export default defineComponent({
     'events',
     'height',
     'markColor',
-    'multiSelect'
+    'multiSelect',
+    'showTipTime'
   ],
   setup(props, context) {
     return setup({