fix: 修复 cell-click 事件失效问题 (#1420)

Tencent · Aug 30, 2022 · 7ae2bd3 · 7ae2bd3
1 parent 0523495
commit 7ae2bd3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/date-picker/DateRangePickerPanel.tsx b/src/date-picker/DateRangePickerPanel.tsx
@@ -71,6 +71,9 @@ export default defineComponent({
 
     // 日期点击
     function onCellClick(date: Date, { e, partial }: { e: MouseEvent; partial: DateRangePickerPartial }) {
+      props.onCellClick?.({ e, partial, date: value.value.map((v: string) => dayjs(v).toDate()) });
+      emit('cell-click', { e, partial, date: value.value.map((v: string) => dayjs(v).toDate()) });
+
       isHoverCell.value = false;
       isSelected.value = true;
 
@@ -100,9 +103,6 @@ export default defineComponent({
       } else {
         isFirstValueSelected.value = true;
       }
-
-      props.onCellClick?.({ e, partial, date: value.value.map((v: string) => dayjs(v).toDate()) });
-      emit('cell-click', { e, partial, date: value.value.map((v: string) => dayjs(v).toDate()) });
     }
 
     // 头部快速切换

diff --git a/src/date-picker/_example/panel.vue b/src/date-picker/_example/panel.vue
@@ -1,17 +1,17 @@
 <template>
   <t-space direction="vertical">
     <div class="date-picker-panel-border">
-      <t-date-picker-panel :on-change="handleChange" />
+      <t-date-picker-panel @cell-click="handleCellClick" :on-change="handleChange" />
     </div>
     <div class="date-picker-panel-border">
-      <t-date-picker-panel enable-time-picker :on-change="handleChange" />
+      <t-date-picker-panel enable-time-picker @cell-click="handleCellClick" :on-change="handleChange" />
     </div>
 
     <div class="date-picker-panel-border">
-      <t-date-range-picker-panel :on-change="handleChange" />
+      <t-date-range-picker-panel @cell-click="handleCellClick" :on-change="handleChange" />
     </div>
     <div class="date-picker-panel-border">
-      <t-date-range-picker-panel enable-time-picker :on-change="handleChange" />
+      <t-date-range-picker-panel enable-time-picker @cell-click="handleCellClick" :on-change="handleChange" />
     </div>
   </t-space>
 </template>
@@ -20,7 +20,10 @@
 export default {
   methods: {
     handleChange(value) {
-      console.log('value', value);
+      console.log('onChange value', value);
+    },
+    handleCellClick(value) {
+      console.log('onPick value', value);
     },
   },
 };