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

package/dist/mds-ui.min.js

@@ -44093,12 +44093,12 @@ var datepicker_style_transition = __webpack_require__(393);
 
 
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/picker.vue?vue&type=template&id=542e3f0e&
-var pickervue_type_template_id_542e3f0e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.ranged)?_c('mds-input',_vm._b({directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",class:_vm.wrapperClass,attrs:{"readonly":!_vm.editable || _vm.readonly || _vm.type === 'dates' || _vm.type === 'week',"disabled":_vm.pickerDisabled,"size":_vm.pickerSize,"name":_vm.name,"placeholder":_vm.placeholder,"value":_vm.displayValue,"validateEvent":false,"role":"picker"},on:{"focus":_vm.handleFocus,"input":function (value) { return _vm.userInput = value; },"change":_vm.handleChange},nativeOn:{"keydown":function($event){return _vm.handleKeydown($event)},"mouseenter":function($event){return _vm.handleMouseEnter($event)},"mouseleave":function($event){_vm.showClose = false}}},'mds-input',_vm.firstInputId,false),[(_vm.showCalendar)?_c('i',{staticClass:"mdsicon mdsicon-line-calendar",class:_vm.triggerClass,attrs:{"slot":"suffix"},on:{"click":_vm.handleFocus},slot:"suffix"}):_vm._e(),_vm._v(" "),(_vm.haveTrigger)?_c('i',{staticClass:"mdsicon",class:[_vm.showClose ? '' + _vm.clearIcon : '',(_vm.prefixCls + "-close-icon")],attrs:{"slot":"suffix"},on:{"click":_vm.handleClickIcon},slot:"suffix"}):_vm._e()]):_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",class:_vm.wrapperRangeClass,on:{"click":_vm.handleRangeClick,"mouseenter":_vm.handleMouseEnter,"mouseleave":function($event){_vm.showClose = false},"keydown":_vm.handleKeydown}},[_c('input',_vm._b({class:(_vm.prefixCls + "-editor-range-input"),attrs:{"autocomplete":"off","placeholder":_vm.startPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[0]},domProps:{"value":_vm.displayValue && _vm.displayValue[0]},on:{"input":_vm.handleStartInput,"change":_vm.handleStartChange,"focus":_vm.handleFocus}},'input',_vm.firstInputId,false)),_vm._v(" "),_vm._t("range-separator",[_c('span',{staticClass:"mds-range-separator",style:({color: _vm.type==='datetimerangeflat'? '#303133' : ''})},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_vm._v(" "),_c('input',_vm._b({class:(_vm.prefixCls + "-editor-range-input"),attrs:{"autocomplete":"off","placeholder":_vm.endPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[1]},domProps:{"value":_vm.displayValue && _vm.displayValue[1]},on:{"input":_vm.handleEndInput,"change":_vm.handleEndChange,"focus":_vm.handleFocus}},'input',_vm.secondInputId,false)),_vm._v(" "),(_vm.showCalendar)?_c('i',{class:[ 'mdsicon', ((this.prefixCls) + "-editor-range-icon-pos"), _vm.triggerClass]}):_vm._e(),_vm._v(" "),(_vm.haveTrigger)?_c('i',{staticClass:"mdsicon",class:[_vm.showClose ? '' + _vm.clearIcon : '', (_vm.prefixCls + "-close-icon " + (this.prefixCls) + "-editor-range-icon-pos")],on:{"click":_vm.handleClickIcon}}):_vm._e()],2)}
-var pickervue_type_template_id_542e3f0e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/picker.vue?vue&type=template&id=12fefd94&
+var pickervue_type_template_id_12fefd94_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.ranged)?_c('mds-input',_vm._b({directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",class:_vm.wrapperClass,attrs:{"readonly":!_vm.editable || _vm.readonly || _vm.type === 'dates' || _vm.type === 'week',"disabled":_vm.pickerDisabled,"size":_vm.pickerSize,"name":_vm.name,"placeholder":_vm.placeholder,"value":_vm.displayValue,"validateEvent":false,"role":"picker"},on:{"focus":_vm.handleFocus,"input":function (value) { return _vm.userInput = value; },"change":_vm.handleChange},nativeOn:{"keydown":function($event){return _vm.handleKeydown($event)},"mouseenter":function($event){return _vm.handleMouseEnter($event)},"mouseleave":function($event){_vm.showClose = false}}},'mds-input',_vm.firstInputId,false),[(_vm.showCalendar)?_c('i',{staticClass:"mdsicon mdsicon-line-calendar",class:_vm.triggerClass,attrs:{"slot":"suffix"},on:{"click":_vm.handleFocus},slot:"suffix"}):_vm._e(),_vm._v(" "),(_vm.haveTrigger)?_c('i',{staticClass:"mdsicon",class:[_vm.showClose ? '' + _vm.clearIcon : '',(_vm.prefixCls + "-close-icon")],attrs:{"slot":"suffix"},on:{"click":_vm.handleClickIcon},slot:"suffix"}):_vm._e()]):_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClose),expression:"handleClose"}],ref:"reference",class:_vm.wrapperRangeClass,on:{"click":_vm.handleRangeClick,"mouseenter":_vm.handleMouseEnter,"mouseleave":function($event){_vm.showClose = false},"keydown":_vm.handleKeydown}},[_c('input',_vm._b({class:(_vm.prefixCls + "-editor-range-input"),attrs:{"autocomplete":"off","placeholder":_vm.startPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[0]},domProps:{"value":_vm.displayValue && _vm.displayValue[0]},on:{"input":_vm.handleStartInput,"change":_vm.handleStartChange,"focus":_vm.handleFocus}},'input',_vm.firstInputId,false)),_vm._v(" "),_vm._t("range-separator",[_c('span',{staticClass:"mds-range-separator",style:({color: _vm.type==='datetimerangeflat'? '#303133' : ''})},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_vm._v(" "),_c('input',_vm._b({class:(_vm.prefixCls + "-editor-range-input"),attrs:{"autocomplete":"off","placeholder":_vm.endPlaceholder,"disabled":_vm.pickerDisabled,"readonly":!_vm.editable || _vm.readonly,"name":_vm.name && _vm.name[1]},domProps:{"value":_vm.displayValue && _vm.displayValue[1]},on:{"input":_vm.handleEndInput,"change":_vm.handleEndChange,"focus":_vm.handleFocus}},'input',_vm.secondInputId,false)),_vm._v(" "),(_vm.showCalendar)?_c('i',{class:[ 'mdsicon', ((this.prefixCls) + "-editor-range-icon-pos"), _vm.triggerClass]}):_vm._e(),_vm._v(" "),(_vm.haveTrigger)?_c('i',{staticClass:"mdsicon",class:[_vm.showClose ? '' + _vm.clearIcon : '', (_vm.prefixCls + "-close-icon " + (this.prefixCls) + "-editor-range-icon-pos")],on:{"click":_vm.handleClickIcon}}):_vm._e()],2)}
+var pickervue_type_template_id_12fefd94_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/datepicker/picker/picker.vue?vue&type=template&id=542e3f0e&
+// CONCATENATED MODULE: ./components/datepicker/picker/picker.vue?vue&type=template&id=12fefd94&
 
 // EXTERNAL MODULE: ./components/_util/date.js
 var _util_date = __webpack_require__(41);
@@ -44828,6 +44828,10 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     pickerType: {
       type: String,
       default: 'date'
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true // 默认插入到 body
     }
   },
 
@@ -45225,31 +45229,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;
 
@@ -45257,16 +45276,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;
@@ -45278,58 +45306,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') {
@@ -45341,14 +45352,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;
       }
     },
@@ -45397,6 +45493,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&
@@ -45411,8 +45512,8 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
 
 var picker_component = normalizeComponent(
   picker_pickervue_type_script_lang_js_,
-  pickervue_type_template_id_542e3f0e_render,
-  pickervue_type_template_id_542e3f0e_staticRenderFns,
+  pickervue_type_template_id_12fefd94_render,
+  pickervue_type_template_id_12fefd94_staticRenderFns,
   false,
   null,
   null,
@@ -46484,18 +46585,18 @@ var month_table_component = normalizeComponent(
 )
 
 /* harmony default export */ var month_table = (month_table_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/base/date-table.vue?vue&type=template&id=7e00b766&
-var date_tablevue_type_template_id_7e00b766_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:(_vm.prefixCls + "-picker-panel-content-thead")},[_c('table',{class:(_vm.prefixCls + "-table-header"),attrs:{"cellspacing":"0","cellpadding":"0"}},[_c('tr',[(_vm.showWeekNumber)?_c('th',[_vm._v(_vm._s(_vm.t("mds.datepicker.week")))]):_vm._e(),_vm._v(" "),_vm._l((_vm.WEEKS),function(week,key){return _c('th',{key:key},[_vm._v("\n          "+_vm._s(_vm.t("mds.datepicker.weeks." + week))+"\n        ")])})],2)])]),_vm._v(" "),_c('div',{class:(_vm.prefixCls + "-picker-panel-content-line")}),_vm._v(" "),_c('div',{class:(_vm.prefixCls + "-picker-panel-content-tbody")},[_c('table',{class:[
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/base/date-table.vue?vue&type=template&id=1c74037d&
+var date_tablevue_type_template_id_1c74037d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:(_vm.prefixCls + "-picker-panel-content-thead")},[_c('table',{class:(_vm.prefixCls + "-table-header"),attrs:{"cellspacing":"0","cellpadding":"0"}},[_c('tr',[(_vm.showWeekNumber)?_c('th',[_vm._v(_vm._s(_vm.t("mds.datepicker.week")))]):_vm._e(),_vm._v(" "),_vm._l((_vm.WEEKS),function(week,key){return _c('th',{key:key},[_vm._v("\n          "+_vm._s(_vm.t("mds.datepicker.weeks." + week))+"\n        ")])})],2)])]),_vm._v(" "),_c('div',{class:(_vm.prefixCls + "-picker-panel-content-line")}),_vm._v(" "),_c('div',{class:(_vm.prefixCls + "-picker-panel-content-tbody")},[_c('table',{class:[
       (_vm.prefixCls + "-table"),
       { 'is-week-mode': _vm.selectionMode === 'week' }
     ],attrs:{"cellspacing":"0","cellpadding":"0"},on:{"click":_vm.handleClick,"mousemove":_vm.handleMouseMove}},[_c('tbody',_vm._l((_vm.rows),function(row,key){return _c('tr',{key:key,class:[
           (_vm.prefixCls + "-table-row"),
           { current: _vm.isWeekActive(row[1]) }
         ]},_vm._l((row),function(cell,key){return _c('td',{key:key,class:_vm.getCellClasses(cell)},[_c('div',[_c('span',[_vm._v(_vm._s(cell.text))])])])}),0)}),0)])])])}
-var date_tablevue_type_template_id_7e00b766_staticRenderFns = []
+var date_tablevue_type_template_id_1c74037d_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/datepicker/base/date-table.vue?vue&type=template&id=7e00b766&
+// CONCATENATED MODULE: ./components/datepicker/base/date-table.vue?vue&type=template&id=1c74037d&
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib?cacheDirectory=true!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/base/date-table.vue?vue&type=script&lang=js&
 
@@ -46568,7 +46669,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' ? 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;
 };
 
@@ -46647,27 +46749,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' ? 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] = {
@@ -46679,33 +46783,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 {
@@ -46721,29 +46843,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 = 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;
@@ -46875,11 +46987,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;
         }
       }
     },
@@ -46979,8 +47091,8 @@ var date_tablevue_type_script_lang_js_removeFromArray = function removeFromArray
 
 var date_table_component = normalizeComponent(
   base_date_tablevue_type_script_lang_js_,
-  date_tablevue_type_template_id_7e00b766_render,
-  date_tablevue_type_template_id_7e00b766_staticRenderFns,
+  date_tablevue_type_template_id_1c74037d_render,
+  date_tablevue_type_template_id_1c74037d_staticRenderFns,
   false,
   null,
   null,
@@ -47840,8 +47952,8 @@ var date_component = normalizeComponent(
 )
 
 /* harmony default export */ var picker_date = (date_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/range/date-range.vue?vue&type=template&id=32308f66&
-var date_rangevue_type_template_id_32308f66_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/range/date-range.vue?vue&type=template&id=535e73c9&
+var date_rangevue_type_template_id_535e73c9_render = function () {
 var _obj, _obj$1;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"mds-date-zoom-in-top"},on:{"after-leave":function($event){return _vm.$emit('dodestroy')}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],class:_vm.wrapperClass},[_c('div',{class:((this.prefixCls) + "-picker-panel-wrapper")},[_c('div',{class:((this.prefixCls) + "-picker-panel-body")},[(_vm.isFlat)?_c('date-time-selecter',{attrs:{"maxDate":_vm.maxDate,"minDate":_vm.minDate,"format":_vm.format,"step":_vm.step,"visible":_vm.visible},on:{"pickMin":_vm.handleMinTimePick,"pickMax":_vm.handleMaxTimePick}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"is-left"},[(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[_c('i',{staticClass:"mdsicon mdsicon-line-caret-left-double",class:[
                 (_vm.prefixCls + "-picker-panel-header-base-icon"),
@@ -47865,7 +47977,7 @@ var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transi
                 (_vm.prefixCls + "-picker-panel-header-base-right"),
                 (_vm.prefixCls + "-left-next-month"),
                 { 'is-disabled': !_vm.enableMonthArrow }
-              ],attrs:{"aria-label":_vm.t("mds.datepicker.prevMonth")},on:{"click":_vm.leftNextMonth}}):_vm._e()]):_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[_c('span',{class:(_vm.prefixCls + "-picker-panel-header-label " + (this.prefixCls) + "-picker-timer-label")},[_vm._v(_vm._s(_vm.leftTimeLabel))])]),_vm._v(" "),(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-content")},[_c('date-table',{attrs:{"selection-mode":"range","date":_vm.leftDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"cell-class-name":_vm.cellClassName,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.timePickerVisible),expression:"timePickerVisible"}],class:((this.prefixCls) + "-picker-panel-content")},[_c('time-picker',{ref:"minTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.timePickerVisible,"step":_vm.step},on:{"pick":_vm.handleMinTimePick,"mounted":function($event){_vm.$refs.minTimePicker.format = _vm.timeFormat}}})],1)]),_vm._v(" "),_c('div',{staticClass:"is-right"},[(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[(_vm.unlinkPanels)?_c('i',{staticClass:"mdsicon mdsicon-line-caret-left-double",class:[
+              ],attrs:{"aria-label":_vm.t("mds.datepicker.prevMonth")},on:{"click":_vm.leftNextMonth}}):_vm._e()]):_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[_c('span',{class:(_vm.prefixCls + "-picker-panel-header-label " + (this.prefixCls) + "-picker-timer-label")},[_vm._v(_vm._s(_vm.leftTimeLabel))])]),_vm._v(" "),(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-content")},[_c('date-table',{ref:"leftDateTable",attrs:{"selection-mode":"range","date":_vm.leftDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"cell-class-name":_vm.cellClassName,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.timePickerVisible),expression:"timePickerVisible"}],class:((this.prefixCls) + "-picker-panel-content")},[_c('time-picker',{ref:"minTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.timePickerVisible,"step":_vm.step},on:{"pick":_vm.handleMinTimePick,"mounted":function($event){_vm.$refs.minTimePicker.format = _vm.timeFormat}}})],1)]),_vm._v(" "),_c('div',{staticClass:"is-right"},[(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[(_vm.unlinkPanels)?_c('i',{staticClass:"mdsicon mdsicon-line-caret-left-double",class:[
                 (_vm.prefixCls + "-picker-panel-header-base-icon"),
                 (_vm.prefixCls + "-picker-panel-header-base-left"),
                 (_vm.prefixCls + "-other-icon"),
@@ -47887,11 +47999,11 @@ var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transi
                 (_vm.prefixCls + "-right-next-month"),
                 (_vm.prefixCls + "-other-icon"),
                 (_vm.prefixCls + "-picker-panel-header-base-right")
-              ],attrs:{"aria-label":_vm.t("mds.datepicker.prevMonth")},on:{"click":_vm.rightNextMonth}})]):_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[_c('span',{class:(_vm.prefixCls + "-picker-panel-header-label " + (this.prefixCls) + "-picker-timer-label")},[_vm._v(_vm._s(_vm.rightTimeLabel))])]),_vm._v(" "),(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-content")},[_c('date-table',{attrs:{"selection-mode":"range","date":_vm.rightDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"cell-class-name":_vm.cellClassName,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.timePickerVisible),expression:"timePickerVisible"}],class:((this.prefixCls) + "-picker-panel-content")},[_c('time-picker',{ref:"maxTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.timePickerVisible,"step":_vm.step},on:{"pick":_vm.handleMaxTimePick,"mounted":function($event){_vm.$refs.maxTimePicker.format = _vm.timeFormat}}})],1)])],1)]),_vm._v(" "),(_vm.showTime)?_c('div',{class:(_vm.prefixCls + "-picker-panel-footer")},[_c('mds-button',{class:( _obj = {}, _obj[(_vm.prefixCls + "-picker-panel-today-btn")] = true, _obj[(_vm.prefixCls + "-picker-panel-flat-clear")] = _vm.pickerType === 'datetimerangeflat', _obj ),attrs:{"type":"normal","size":"small"},on:{"click":_vm.handleClear}},[_vm._v("\n        "+_vm._s(_vm.t('mds.datepicker.clear'))+"\n      ")]),_vm._v(" "),(!_vm.isFlat)?_c('mds-button',{attrs:{"type":"normal","size":"small","disabled":!(this.maxDate && this.minDate)},on:{"click":_vm.selectTime}},[_vm._v("\n        "+_vm._s(_vm.timePickerVisible ? '选择日期' : '选择时间')+"\n      ")]):_vm._e(),_vm._v(" "),_c('mds-button',{class:( _obj$1 = {}, _obj$1[(_vm.prefixCls + "-picker-panel-time-picker")] = true, _obj$1[(_vm.prefixCls + "-picker-panel-flat-confirm")] = _vm.pickerType === 'datetimerangeflat', _obj$1[(_vm.prefixCls + "-picker-panel-sure-btn")] = true, _obj$1 ),attrs:{"plain":"","size":"small","type":"primary","ghost":"","disabled":_vm.btnDisabled},on:{"click":function($event){return _vm.handleConfirm(false)}}},[_vm._v("\n        "+_vm._s(_vm.t('mds.datepicker.confirm'))+"\n      ")])],1):_vm._e()])])}
-var date_rangevue_type_template_id_32308f66_staticRenderFns = []
+              ],attrs:{"aria-label":_vm.t("mds.datepicker.prevMonth")},on:{"click":_vm.rightNextMonth}})]):_c('div',{class:((this.prefixCls) + "-picker-panel-header")},[_c('span',{class:(_vm.prefixCls + "-picker-panel-header-label " + (this.prefixCls) + "-picker-timer-label")},[_vm._v(_vm._s(_vm.rightTimeLabel))])]),_vm._v(" "),(!_vm.timePickerVisible)?_c('div',{class:((this.prefixCls) + "-picker-panel-content")},[_c('date-table',{ref:"rightDateTable",attrs:{"selection-mode":"range","date":_vm.rightDate,"default-value":_vm.defaultValue,"min-date":_vm.minDate,"max-date":_vm.maxDate,"range-state":_vm.rangeState,"disabled-date":_vm.disabledDate,"cell-class-name":_vm.cellClassName,"first-day-of-week":_vm.firstDayOfWeek},on:{"changerange":_vm.handleChangeRange,"pick":_vm.handleRangePick}})],1):_vm._e(),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.timePickerVisible),expression:"timePickerVisible"}],class:((this.prefixCls) + "-picker-panel-content")},[_c('time-picker',{ref:"maxTimePicker",attrs:{"time-arrow-control":_vm.arrowControl,"visible":_vm.timePickerVisible,"step":_vm.step},on:{"pick":_vm.handleMaxTimePick,"mounted":function($event){_vm.$refs.maxTimePicker.format = _vm.timeFormat}}})],1)])],1)]),_vm._v(" "),(_vm.showTime)?_c('div',{class:(_vm.prefixCls + "-picker-panel-footer")},[_c('mds-button',{class:( _obj = {}, _obj[(_vm.prefixCls + "-picker-panel-today-btn")] = true, _obj[(_vm.prefixCls + "-picker-panel-flat-clear")] = _vm.pickerType === 'datetimerangeflat', _obj ),attrs:{"type":"normal","size":"small"},on:{"click":_vm.handleClear}},[_vm._v("\n        "+_vm._s(_vm.t('mds.datepicker.clear'))+"\n      ")]),_vm._v(" "),(!_vm.isFlat)?_c('mds-button',{attrs:{"type":"normal","size":"small","disabled":!(this.maxDate && this.minDate)},on:{"click":_vm.selectTime}},[_vm._v("\n        "+_vm._s(_vm.timePickerVisible ? '选择日期' : '选择时间')+"\n      ")]):_vm._e(),_vm._v(" "),_c('mds-button',{class:( _obj$1 = {}, _obj$1[(_vm.prefixCls + "-picker-panel-time-picker")] = true, _obj$1[(_vm.prefixCls + "-picker-panel-flat-confirm")] = _vm.pickerType === 'datetimerangeflat', _obj$1[(_vm.prefixCls + "-picker-panel-sure-btn")] = true, _obj$1 ),attrs:{"plain":"","size":"small","type":"primary","ghost":"","disabled":_vm.btnDisabled},on:{"click":function($event){return _vm.handleConfirm(false)}}},[_vm._v("\n        "+_vm._s(_vm.t('mds.datepicker.confirm'))+"\n      ")])],1):_vm._e()])])}
+var date_rangevue_type_template_id_535e73c9_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/datepicker/range/date-range.vue?vue&type=template&id=32308f66&
+// CONCATENATED MODULE: ./components/datepicker/range/date-range.vue?vue&type=template&id=535e73c9&
 
 // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/slicedToArray.js
 var slicedToArray = __webpack_require__(47);
@@ -48492,6 +48604,8 @@ var datetime_select_component = normalizeComponent(
 //
 //
 //
+//
+//
 
 
 
@@ -48502,6 +48616,7 @@ var datetime_select_component = normalizeComponent(
 
 
 
+// 确保 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])];
@@ -48650,39 +48765,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 = [[dateUtil_parseDate(dateUtil_formatDate(_this.minDate, format), format), 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 = [[dateUtil_parseDate(dateUtil_formatDate(_this2.minDate, format), format), 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) {
@@ -48720,24 +48872,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();
         });
       }
     },
@@ -48746,12 +48902,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 = 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;
@@ -48794,7 +48974,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;
@@ -48804,12 +48984,12 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
         if (type === 'min') {
           this.minDate = 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 = modifyTime(this.maxDate, parsedValue.getHours(), parsedValue.getMinutes(), parsedValue.getSeconds());
           this.$nextTick(function (_) {
-            return _this4.$refs.maxTimePicker.adjustSpinners();
+            return _this6.$refs.maxTimePicker.adjustSpinners();
           });
         }
       }
@@ -48833,7 +49013,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;
 
@@ -48850,8 +49030,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();
@@ -48951,14 +49131,50 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
       return Array.isArray(value) && value && value[0] && value[1] && isDate(value[0]) && 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 = 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 = dateUtil_nextMonth(this.leftDate);
       }
-      this.minDate = this.value && isDate(this.value[0]) ? new Date(this.value[0]) : null;
-      this.maxDate = this.value && 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();
+      });
     }
   },
 
@@ -48976,8 +49192,8 @@ var date_rangevue_type_script_lang_js_calcDefaultValue = function calcDefaultVal
 
 var date_range_component = normalizeComponent(
   range_date_rangevue_type_script_lang_js_,
-  date_rangevue_type_template_id_32308f66_render,
-  date_rangevue_type_template_id_32308f66_staticRenderFns,
+  date_rangevue_type_template_id_535e73c9_render,
+  date_rangevue_type_template_id_535e73c9_staticRenderFns,
   false,
   null,
   null,