fix(timepicker): clear value reset current time

Tencent · Apr 12, 2022 · 1b5e8f2 · 1b5e8f2
1 parent d309b27
commit 1b5e8f2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/src/date-picker/date-picker.tsx b/src/date-picker/date-picker.tsx
@@ -185,7 +185,9 @@ export default mixins(
     handleTInputFocus() {
       // TODO: 待改成select-input后删除
       // hack 在input聚焦时马上blur 避免出现输入光标
-      (this.$refs.native as HTMLInputElement).blur();
+      this.$nextTick(() => {
+        (this.$refs.native as HTMLInputElement).blur();
+      });
     },
     handleTimePick(col: EPickerCols, time: number, index: number) {
       if (!this.range || index === 0) {

diff --git a/src/time-picker/time-picker.tsx b/src/time-picker/time-picker.tsx
@@ -85,20 +85,12 @@ export default mixins(getConfigReceiverMixins<TimePickerInstance, TimePickerConf
       return [dayjs().hour(0).minute(0).second(0)];
     },
     textClassName(): string {
-      const isDefault = (this.inputTime as any).some(
-        (item: InputTime) => !!item.hour && !!item.minute && !!item.second,
-      );
+      const isDefault = !!this.inputTime.hour && !!this.inputTime.minute && !!this.inputTime.second;
       return isDefault ? '' : `${name}__group-text`;
     },
   },
 
   watch: {
-    // 监听选中时间变动
-    time: {
-      handler() {
-        this.output();
-      },
-    },
     value: {
       handler() {
         this.time = this.value ? dayjs(this.value, this.format) : undefined;
@@ -306,7 +298,9 @@ export default mixins(getConfigReceiverMixins<TimePickerInstance, TimePickerConf
     handleTInputFocus() {
       // TODO: 待改成select-input后删除
       // hack 在input聚焦时马上blur 避免出现输入光标
-      (this.$refs.tInput as HTMLInputElement).blur();
+      this.$nextTick(() => {
+        (this.$refs.tInput as HTMLInputElement).blur();
+      });
     },
     renderInput() {
       const classes = [

diff --git a/src/time-picker/time-range-picker.tsx b/src/time-picker/time-range-picker.tsx
@@ -261,7 +261,9 @@ export default mixins(getConfigReceiverMixins<TimePickerInstance, TimePickerConf
     handleTInputFocus() {
       // TODO: 待改成select-input后删除
       // hack 在input聚焦时马上blur 避免出现输入光标
-      (this.$refs.tInput as HTMLInputElement).blur();
+      this.$nextTick(() => {
+        (this.$refs.tInput as HTMLInputElement).blur();
+      });
     },
     renderInput() {
       const classes = [