@mdsfe/mds-ui 0.3.0-20 → 0.3.0-23

package/dist/datepicker.js

@@ -4147,6 +4147,10 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     pickerType: {
       type: String,
       default: 'date'
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true // 默认插入到 body
     }
   },
 
@@ -4544,31 +4548,46 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       }
       this.$emit('focus', this);
     },
-    hidePicker: function hidePicker() {
-      if (this.picker) {
-        this.picker.resetView && this.picker.resetView();
-        this.pickerVisible = this.picker.visible = false;
-        this.destroyPopper();
-      }
-    },
+
+
+    // 修复 showPicker 方法
     showPicker: function showPicker() {
       var _this2 = this;
 
       if (this.$isServer) return;
-      if (!this.picker) {
+
+      // 如果面板已存在，先重置状态
+      if (this.picker) {
+        this.picker.resetView && this.picker.resetView();
+        this.picker.visible = false;
+      } else {
+        // 面板不存在时才创建
         this.mountPicker();
       }
+
+      // 设置面板可见
       this.pickerVisible = this.picker.visible = true;
 
+      // 确保面板在正确的位置
+      this.ensurePanelPosition();
+
+      // 更新 Popper 定位
       this.updatePopper();
 
+      // 重置面板状态
       this.picker.value = this.parsedValue;
       this.picker.resetView && this.picker.resetView();
 
       this.$nextTick(function () {
         _this2.picker.adjustSpinners && _this2.picker.adjustSpinners();
+        // 再次确保位置正确并更新定位
+        _this2.ensurePanelPosition();
+        _this2.updatePopper();
       });
     },
+
+
+    // 修复 mountPicker 方法
     mountPicker: function mountPicker() {
       var _this3 = this;
 
@@ -4576,16 +4595,25 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       this.picker = new Panel({
         propsData: {
           pickerType: this.type,
-          referenceElm: this.reference, // 关键：传递 referenceElm
+          referenceElm: this.reference,
           popperClass: this.popperClass,
-          appendToBody: true,
-          placement: 'bottom-start' // 关键
+          appendToBody: this.appendToBody, // 使用组件的 appendToBody 配置
+          placement: this.placement
         }
       }).$mount();
-      // 只对非季度类型 appendChild
+
+      // 根据配置决定插入位置
       if (this.type !== 'quarter') {
-        this.$el.appendChild(this.picker.$el);
+        if (this.appendToBody !== false) {
+          // 插入到 body 下
+          document.body.appendChild(this.picker.$el);
+        } else {
+          // 插入到当前元素下
+          this.$el.appendChild(this.picker.$el);
+        }
       }
+
+      // 设置面板属性
       this.picker.defaultValue = this.defaultValue;
       this.picker.defaultTime = this.defaultTime;
       this.picker.popperClass = this.popperClass;
@@ -4597,58 +4625,41 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       this.picker.arrowControl = this.arrowControl || this.timeArrowControl || false;
       this.picker.listenScroll = this.listenScroll;
       this.picker.step = this.step;
+
+      // 监听格式变化
       this.$watch('format', function (format) {
         _this3.picker.format = format;
       });
 
-      var updateOptions = function updateOptions() {
-        var options = _this3.pickerOptions;
-
-        if (options && options.selectableRange) {
-          var ranges = options.selectableRange;
-          var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
-          var format = DEFAULT_FORMATS.timerange;
-
-          ranges = Array.isArray(ranges) ? ranges : [ranges];
-          _this3.picker.selectableRange = ranges.map(function (range) {
-            return parser(range, format, _this3.rangeSeparator);
-          });
-        }
-
-        for (var option in options) {
-          if (options.hasOwnProperty(option) &&
-          // 忽略 time-picker 的该配置项
-          option !== 'selectableRange') {
-            _this3.picker[option] = options[option];
-          }
-        }
-
-        // main format must prevail over undocumented pickerOptions.format
-        if (_this3.format) {
-          _this3.picker.format = _this3.format;
-        }
-      };
-      updateOptions();
-      this.unwatchPickerOptions = this.$watch('pickerOptions', function () {
-        return updateOptions();
-      }, { deep: true });
-      // this.$el.appendChild(this.picker.$el)
-      this.picker.resetView && this.picker.resetView();
+      // 更新选项
+      this.updatePickerOptions();
 
+      // 设置事件监听
       this.picker.$on('dodestroy', this.doDestroy);
+
+      // 修复 pick 事件处理
       this.picker.$on('pick', function () {
         var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
         _this3.userInput = null;
-        _this3.pickerVisible = _this3.picker.visible = visible;
+
+        if (visible === false) {
+          // 隐藏面板但不销毁
+          _this3.pickerVisible = false;
+          _this3.picker.visible = false;
+          _this3.hidePicker();
+        } else {
+          // 保持面板可见
+          _this3.pickerVisible = true;
+          _this3.picker.visible = true;
+        }
+
         _this3.emitInput(date);
         _this3.picker.resetView && _this3.picker.resetView();
-        if (!visible) {
-          _this3.unmountPicker();
-        }
       });
 
+      // 其他事件监听保持不变
       this.picker.$on('select-range', function (start, end, pos) {
         if (_this3.refInput.length === 0) return;
         if (!pos || pos === 'min') {
@@ -4660,14 +4671,99 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
         }
       });
     },
+
+
+    // 新增方法：更新面板选项
+    updatePickerOptions: function updatePickerOptions() {
+      var _this4 = this;
+
+      var options = this.pickerOptions;
+
+      if (options && options.selectableRange) {
+        var ranges = options.selectableRange;
+        var parser = TYPE_VALUE_RESOLVER_MAP.datetimerange.parser;
+        var format = DEFAULT_FORMATS.timerange;
+
+        ranges = Array.isArray(ranges) ? ranges : [ranges];
+        this.picker.selectableRange = ranges.map(function (range) {
+          return parser(range, format, _this4.rangeSeparator);
+        });
+      }
+
+      for (var option in options) {
+        if (options.hasOwnProperty(option) && option !== 'selectableRange') {
+          this.picker[option] = options[option];
+        }
+      }
+
+      // 主格式优先
+      if (this.format) {
+        this.picker.format = this.format;
+      }
+    },
+
+
+    // 修复 hidePicker 方法
+    hidePicker: function hidePicker() {
+      if (this.picker) {
+        this.picker.resetView && this.picker.resetView();
+        this.pickerVisible = this.picker.visible = false;
+
+        // 不要立即销毁面板，只是隐藏
+        // this.destroyPopper()
+
+        // 确保面板位置正确
+        this.ensurePanelPosition();
+      }
+    },
+
+
+    // 确保面板位置正确的方法
+    ensurePanelPosition: function ensurePanelPosition() {
+      var _this5 = this;
+
+      if (!this.picker || !this.picker.$el) return;
+
+      var panelEl = this.picker.$el;
+      var currentParent = panelEl.parentNode;
+
+      // 检查面板是否在正确的位置
+      if (this.appendToBody !== false && currentParent !== document.body) {
+        // 面板不在 body 下，需要移动到 body
+        if (currentParent) {
+          currentParent.removeChild(panelEl);
+        }
+        document.body.appendChild(panelEl);
+
+        // 重新计算定位
+        this.$nextTick(function () {
+          _this5.updatePopper();
+        });
+      } else if (this.appendToBody === false && currentParent !== this.$el) {
+        // 面板不在当前元素下，需要移动
+        if (currentParent) {
+          currentParent.removeChild(panelEl);
+        }
+        this.$el.appendChild(panelEl);
+      }
+    },
+
+
+    // 修复 unmountPicker 方法
     unmountPicker: function unmountPicker() {
       if (this.picker) {
+        // 确保面板从正确的父元素中移除
+        if (this.picker.$el && this.picker.$el.parentNode) {
+          this.picker.$el.parentNode.removeChild(this.picker.$el);
+        }
+
         this.picker.$destroy();
         this.picker.$off();
+
         if (typeof this.unwatchPickerOptions === 'function') {
           this.unwatchPickerOptions();
         }
-        if (this.picker.$el.parentNode) this.picker.$el.parentNode.removeChild(this.picker.$el);
+
         this.picker = null;
       }
     },
@@ -4716,6 +4812,11 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       var selectedMonth = this.value.getMonth();
       return selectedYear === this.currentYear && selectedMonth >= quarter.startMonth && selectedMonth <= quarter.endMonth;
     }
+  },
+
+  // 生命周期钩子
+  beforeDestroy: function beforeDestroy() {
+    this.unmountPicker();
   }
 });
 // CONCATENATED MODULE: ./components/datepicker/picker/picker.vue?vue&type=script&lang=js&
@@ -7078,7 +7179,8 @@ var date_tablevue_type_script_lang_js_getDateTimestamp = function getDateTimesta
 // return a new array if modification occurs
 // return the original array otherwise
 var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray(arr, pred) {
-  var idx = typeof pred === 'function' ? Object(util["b" /* arrayFindIndex */])(arr, pred) : arr.indexOf(pred);
+  var idx = typeof pred === 'function' ? arr.findIndex(pred) // 使用原生 findIndex 方法
+  : arr.indexOf(pred);
   return idx >= 0 ? [].concat(toConsumableArray_default()(arr.slice(0, idx)), toConsumableArray_default()(arr.slice(idx + 1))) : arr;
 };
 
@@ -7157,27 +7259,29 @@ var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray
     rows: function rows() {
       var _this = this;
 
-      // TODO: refactory rows / getCellClasses
+      // 确保每次计算都从干净的状态开始
       var date = new Date(this.year, this.month, 1);
-      var day = getFirstDayOfMonth(date); // day of first day
+      var day = getFirstDayOfMonth(date);
       var dateCountOfMonth = getDayCountOfMonth(date.getFullYear(), date.getMonth());
       var dateCountOfLastMonth = getDayCountOfMonth(date.getFullYear(), date.getMonth() === 0 ? 11 : date.getMonth() - 1);
 
       day = day === 0 ? 7 : day;
-
       var offset = this.offsetDay;
       var rows = this.tableRows;
       var count = 1;
-
       var startDate = this.startDate;
       var disabledDate = this.disabledDate;
       var cellClassName = this.cellClassName;
+
+      // 关键修复：确保 selectedDate 是当前有效的选择状态
       var selectedDate = this.selectionMode === 'dates' ? Object(util["c" /* coerceTruthyValueToArray */])(this.value) : [];
+
       var now = date_tablevue_type_script_lang_js_getDateTimestamp(new Date());
 
       for (var i = 0; i < 6; i++) {
         var row = rows[i];
 
+        // 重置行状态
         if (this.showWeekNumber) {
           if (!row[0]) {
             row[0] = {
@@ -7189,33 +7293,51 @@ var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray
 
         var _loop = function _loop(j) {
           var cell = row[_this.showWeekNumber ? j + 1 : j];
-          if (!cell) {
-            cell = {
-              row: i,
-              column: j,
-              type: 'normal',
-              inRange: false,
-              start: false,
-              end: false
-            };
-          }
 
-          cell.type = 'normal';
+          // 关键修复：每次都创建新的 cell 对象，避免状态污染
+          cell = {
+            row: i,
+            column: j,
+            type: 'normal',
+            inRange: false,
+            start: false,
+            end: false,
+            disabled: false,
+            selected: false,
+            customClass: null
+          };
 
           var index = i * 7 + j;
           var time = nextDate(startDate, index - offset).getTime();
-          cell.inRange = time >= date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate) && time <= date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate);
-          cell.start = _this.minDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate);
-          cell.end = _this.maxDate && time === date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate);
-          var isToday = time === now;
+          var cellDate = new Date(time);
+
+          // 正确计算范围状态
+          if (_this.minDate && _this.maxDate) {
+            var minTime = date_tablevue_type_script_lang_js_getDateTimestamp(_this.minDate);
+            var maxTime = date_tablevue_type_script_lang_js_getDateTimestamp(_this.maxDate);
+            cell.inRange = time >= minTime && time <= maxTime;
+            cell.start = time === minTime;
+            cell.end = time === maxTime;
+          }
 
+          // 正确计算选中状态
+          if (_this.selectionMode === 'dates') {
+            cell.selected = selectedDate.some(function (date) {
+              return date && date.getTime() === cellDate.getTime();
+            });
+          } else if (_this.selectionMode === 'day' && _this.value) {
+            cell.selected = _this.value.getTime() === cellDate.getTime();
+          }
+
+          // 其他状态计算...
+          var isToday = time === now;
           if (isToday) {
             cell.type = 'today';
           }
 
+          // 日期文本计算...
           if (i >= 0 && i <= 1) {
             var numberOfDaysFromPreviousMonth = day + offset < 0 ? 7 + day + offset : day + offset;
-
             if (j + i * 7 >= numberOfDaysFromPreviousMonth) {
               cell.text = count++;
             } else {
@@ -7231,29 +7353,19 @@ var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray
             }
           }
 
-          var cellDate = new Date(time);
+          // 禁用状态
           cell.disabled = typeof disabledDate === 'function' && disabledDate(cellDate);
-          cell.selected = Object(util["a" /* arrayFind */])(selectedDate, function (date) {
-            return (date && date.getTime()) === (cellDate && cellDate.getTime());
-          });
+
+          // 自定义类名
           cell.customClass = typeof cellClassName === 'function' && cellClassName(cellDate);
+
+          // 更新行数据
           _this.$set(row, _this.showWeekNumber ? j + 1 : j, cell);
         };
 
         for (var j = 0; j < 7; j++) {
           _loop(j);
         }
-
-        if (this.selectionMode === 'week') {
-          var start = this.showWeekNumber ? 1 : 0;
-          var end = this.showWeekNumber ? 7 : 6;
-          var isWeekActive = this.isWeekActive(row[start + 1]);
-
-          row[start].inRange = isWeekActive;
-          row[start].start = isWeekActive;
-          row[end].inRange = isWeekActive;
-          row[end].end = isWeekActive;
-        }
       }
 
       return rows;
@@ -7385,11 +7497,11 @@ var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray
 
           var _cell = row[j];
           var index = i * 7 + j + (this.showWeekNumber ? -1 : 0);
-          var time = nextDate(startDate, index - this.offsetDay).getTime();
+          var _time = nextDate(startDate, index - this.offsetDay).getTime();
 
-          _cell.inRange = minDate && time >= minDate && time <= maxDate;
-          _cell.start = minDate && time === minDate;
-          _cell.end = maxDate && time === maxDate;
+          _cell.inRange = minDate && _time >= minDate && _time <= maxDate;
+          _cell.start = minDate && _time === minDate;
+          _cell.end = maxDate && _time === maxDate;
         }
       }
     },
@@ -8575,6 +8687,7 @@ var date_rangevue_type_template_id_6eca7cf8_render = function () {
                         { class: this.prefixCls + "-picker-panel-content" },
                         [
                           _c("date-table", {
+                            ref: "leftDateTable",
                             attrs: {
                               "selection-mode": "range",
                               date: _vm.leftDate,
@@ -8734,6 +8847,7 @@ var date_rangevue_type_template_id_6eca7cf8_render = function () {
                         { class: this.prefixCls + "-picker-panel-content" },
                         [
                           _c("date-table", {
+                            ref: "rightDateTable",
                             attrs: {
                               "selection-mode": "range",
                               date: _vm.rightDate,
@@ -9676,6 +9790,8 @@ datetime_select_component.options.__file = "components/datepicker/picker/datetim
 //
 //
 //
+//
+//
 
 
 
@@ -9686,6 +9802,7 @@ datetime_select_component.options.__file = "components/datepicker/picker/datetim
 
 
 
+// 确保 calcDefaultValue 函数可用
 var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultValue(defaultValue) {
   if (Array.isArray(defaultValue)) {
     return [new Date(defaultValue[0]), new Date(defaultValue[1])];
@@ -9834,39 +9951,76 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
 
   watch: {
     visible: function visible(val) {
-      val && (this.timePickerVisible = false);
-    },
-    minDate: function minDate(val) {
       var _this = this;
 
-      this.dateUserInput.min = null;
-      this.timeUserInput.min = null;
-      this.$nextTick(function () {
-        if (_this.$refs.maxTimePicker && _this.maxDate && _this.maxDate < _this.minDate) {
-          var format = 'HH:mm:ss';
-          _this.$refs.maxTimePicker.selectableRange = [[Object(dateUtil_["parseDate"])(Object(dateUtil_["formatDate"])(_this.minDate, format), format), Object(dateUtil_["parseDate"])('23:59:59', format)]];
-        }
-      });
-      if (val && this.$refs.minTimePicker) {
-        this.$refs.minTimePicker.date = val;
-        this.$refs.minTimePicker.value = val;
+      if (val) {
+        this.timePickerVisible = false;
+        // 当面板显示时重置状态
+        this.resetView();
+        // 强制重新计算布局
         this.$nextTick(function () {
-          _this.$refs.maxTimePicker.adjustSpinners();
+          _this.$forceUpdate();
         });
       }
     },
-    maxDate: function maxDate(val) {
+
+
+    // 分别监听 minDate 和 maxDate
+    minDate: function minDate(newVal, oldVal) {
       var _this2 = this;
 
-      this.dateUserInput.max = null;
-      this.timeUserInput.max = null;
-      if (val && this.$refs.maxTimePicker) {
-        this.$refs.maxTimePicker.date = val;
-        this.$refs.maxTimePicker.value = val;
+      if (newVal !== oldVal && this.minDate) {
+        this.dateUserInput.min = null;
+        this.timeUserInput.min = null;
         this.$nextTick(function () {
-          _this2.$refs.minTimePicker.adjustSpinners();
+          if (_this2.$refs.maxTimePicker && _this2.maxDate && _this2.maxDate < _this2.minDate) {
+            var format = 'HH:mm:ss';
+            _this2.$refs.maxTimePicker.selectableRange = [[Object(dateUtil_["parseDate"])(Object(dateUtil_["formatDate"])(_this2.minDate, format), format), Object(dateUtil_["parseDate"])('23:59:59', format)]];
+          }
         });
+        if (this.$refs.minTimePicker) {
+          this.$refs.minTimePicker.date = this.minDate;
+          this.$refs.minTimePicker.value = this.minDate;
+          this.$nextTick(function () {
+            _this2.$refs.maxTimePicker && _this2.$refs.maxTimePicker.adjustSpinners();
+          });
+        }
+      }
+
+      // 强制子组件重新计算状态
+      this.$nextTick(function () {
+        if (_this2.$refs.leftDateTable) {
+          _this2.$refs.leftDateTable.$forceUpdate();
+        }
+        if (_this2.$refs.rightDateTable) {
+          _this2.$refs.rightDateTable.$forceUpdate();
+        }
+      });
+    },
+    maxDate: function maxDate(newVal, oldVal) {
+      var _this3 = this;
+
+      if (newVal !== oldVal && this.maxDate) {
+        this.dateUserInput.max = null;
+        this.timeUserInput.max = null;
+        if (this.$refs.maxTimePicker) {
+          this.$refs.maxTimePicker.date = this.maxDate;
+          this.$refs.maxTimePicker.value = this.maxDate;
+          this.$nextTick(function () {
+            _this3.$refs.minTimePicker && _this3.$refs.minTimePicker.adjustSpinners();
+          });
+        }
       }
+
+      // 强制子组件重新计算状态
+      this.$nextTick(function () {
+        if (_this3.$refs.leftDateTable) {
+          _this3.$refs.leftDateTable.$forceUpdate();
+        }
+        if (_this3.$refs.rightDateTable) {
+          _this3.$refs.rightDateTable.$forceUpdate();
+        }
+      });
     },
     value: function value(newVal) {
       if (!newVal) {
@@ -9904,24 +10058,28 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       }
     },
     format: function format() {
-      this.$refs.minTimePicker.format = this.timeFormat;
-      this.$refs.maxTimePicker.format = this.timeFormat;
+      if (this.$refs.minTimePicker) {
+        this.$refs.minTimePicker.format = this.timeFormat;
+      }
+      if (this.$refs.maxTimePicker) {
+        this.$refs.maxTimePicker.format = this.timeFormat;
+      }
     }
   },
 
   methods: {
     selectTime: function selectTime() {
-      var _this3 = this;
+      var _this4 = this;
 
       this.timePickerVisible = !this.timePickerVisible;
       if (this.timePickerVisible) {
         this.$nextTick(function () {
-          _this3.$refs.maxTimePicker.date = _this3.maxDate;
-          _this3.$refs.maxTimePicker.value = _this3.maxDate;
-          _this3.$refs.maxTimePicker.adjustSpinners();
-          _this3.$refs.minTimePicker.date = _this3.minDate;
-          _this3.$refs.minTimePicker.value = _this3.minDate;
-          _this3.$refs.minTimePicker.adjustSpinners();
+          _this4.$refs.maxTimePicker.date = _this4.maxDate;
+          _this4.$refs.maxTimePicker.value = _this4.maxDate;
+          _this4.$refs.maxTimePicker.adjustSpinners();
+          _this4.$refs.minTimePicker.date = _this4.minDate;
+          _this4.$refs.minTimePicker.value = _this4.minDate;
+          _this4.$refs.minTimePicker.adjustSpinners();
         });
       }
     },
@@ -9930,12 +10088,36 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       this.maxDate = null;
       this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
       this.rightDate = Object(dateUtil_["nextMonth"])(this.leftDate);
+
+      // 重置 rangeState
+      this.rangeState = {
+        endDate: null,
+        selecting: false,
+        row: null,
+        column: null
+      };
       this.$emit('pick', null);
     },
     handleChangeRange: function handleChangeRange(val) {
-      this.minDate = val.minDate;
-      this.maxDate = val.maxDate;
-      this.rangeState = val.rangeState;
+      var _this5 = this;
+
+      // 确保状态一致性
+      if (val.minDate && val.maxDate) {
+        this.minDate = new Date(val.minDate);
+        this.maxDate = new Date(val.maxDate);
+      }
+
+      // 更新 rangeState，确保所有字段都被正确设置
+      this.rangeState = {
+        endDate: val.rangeState ? val.rangeState.endDate : null,
+        selecting: val.rangeState ? val.rangeState.selecting : false,
+        row: val.rangeState ? val.rangeState.row : null,
+        column: val.rangeState ? val.rangeState.column : null
+
+        // 强制重新计算 date-table 的状态
+      };this.$nextTick(function () {
+        _this5.$forceUpdate();
+      });
     },
     handleDateInput: function handleDateInput(value, type) {
       this.dateUserInput[type] = value;
@@ -9978,7 +10160,7 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       }
     },
     handleTimeInput: function handleTimeInput(value, type) {
-      var _this4 = this;
+      var _this6 = this;
 
       this.timeUserInput[type] = value;
       if (value.length !== this.timeFormat.length) return;
@@ -9988,12 +10170,12 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
         if (type === 'min') {
           this.minDate = Object(dateUtil_["modifyTime"])(this.minDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
           this.$nextTick(function (_) {
-            return _this4.$refs.minTimePicker.adjustSpinners();
+            return _this6.$refs.minTimePicker.adjustSpinners();
           });
         } else {
           this.maxDate = Object(dateUtil_["modifyTime"])(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
           this.$nextTick(function (_) {
-            return _this4.$refs.maxTimePicker.adjustSpinners();
+            return _this6.$refs.maxTimePicker.adjustSpinners();
           });
         }
       }
@@ -10017,7 +10199,7 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       }
     },
     handleRangePick: function handleRangePick(val) {
-      var _this5 = this;
+      var _this7 = this;
 
       var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
@@ -10034,8 +10216,8 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
 
       // workaround for https://github.com/ElemeFE/element/issues/7539, should remove this block when we don't have to care about Chromium 55 - 57
       setTimeout(function () {
-        _this5.maxDate = maxDate;
-        _this5.minDate = minDate;
+        _this7.maxDate = maxDate;
+        _this7.minDate = minDate;
       }, 10);
       if (!close || this.showTime) return;
       this.handleConfirm();
@@ -10135,14 +10317,50 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       return Array.isArray(value) && value && value[0] && value[1] && Object(dateUtil_["isDate"])(value[0]) && Object(dateUtil_["isDate"])(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof this.disabledDate === 'function' ? !this.disabledDate(value[0]) && !this.disabledDate(value[1]) : true);
     },
     resetView: function resetView() {
-      // NOTE: this is a hack to reset {min, max}Date on picker open.
-      // TODO: correct way of doing so is to refactor {min, max}Date to be dependent on value and internal selection state
-      //       an alternative would be resetView whenever picker becomes visible, should also investigate date-panel's resetView
-      if (this.minDate && this.maxDate == null) {
-        this.rangeState.selecting = false;
+      var _this8 = this;
+
+      // 完全重置所有状态
+      this.rangeState = {
+        endDate: null,
+        selecting: false,
+        row: null,
+        column: null
+
+        // 重置日期状态
+      };if (this.value && Array.isArray(this.value) && this.value.length === 2) {
+        this.minDate = new Date(this.value[0]);
+        this.maxDate = new Date(this.value[1]);
+
+        // 确保左右面板日期正确
+        this.leftDate = new Date(this.value[0]);
+        if (this.unlinkPanels) {
+          this.rightDate = new Date(this.value[1]);
+        } else {
+          this.rightDate = Object(dateUtil_["nextMonth"])(this.leftDate);
+        }
+      } else {
+        // 如果没有值，重置为默认状态
+        this.minDate = null;
+        this.maxDate = null;
+        this.leftDate = date_rangevue_type_script_lang_js_calcDefaultValue(this.defaultValue)[0];
+        this.rightDate = Object(dateUtil_["nextMonth"])(this.leftDate);
       }
-      this.minDate = this.value && Object(dateUtil_["isDate"])(this.value[0]) ? new Date(this.value[0]) : null;
-      this.maxDate = this.value && Object(dateUtil_["isDate"])(this.value[0]) ? new Date(this.value[1]) : null;
+
+      // 重置用户输入状态
+      this.dateUserInput = { min: null, max: null };
+      this.timeUserInput = { min: null, max: null
+
+        // 强制重新渲染所有子组件
+      };this.$nextTick(function () {
+        // 通知子组件重置状态
+        if (_this8.$refs.leftDateTable) {
+          _this8.$refs.leftDateTable.$forceUpdate();
+        }
+        if (_this8.$refs.rightDateTable) {
+          _this8.$refs.rightDateTable.$forceUpdate();
+        }
+        _this8.$forceUpdate();
+      });
     }
   },