@mdsfe/mds-ui 0.3.0-2 → 0.3.0-22

package/dist/datepicker.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"), require("./_util/dateUtil"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./_mixin/emitter"), require("./button"), require("./input"), require("./_util/util"), require("./_util/clickoutside"), require("./_util/merge"), require("./_util/repeatClick"), require("./_util/dom"));
+		module.exports = factory(require("vue"), require("./_util/dateUtil"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./button"), require("./_mixin/emitter"), require("./input"), require("./_util/util"), require("./_util/clickoutside"), require("./_util/merge"), require("./_util/repeatClick"), require("./_util/dom"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "./_util/dateUtil", "./icon", "./_util/proptype", "./_mixin/locale", "./_mixin/emitter", "./button", "./input", "./_util/util", "./_util/clickoutside", "./_util/merge", "./_util/repeatClick", "./_util/dom"], factory);
+		define(["vue", "./_util/dateUtil", "./icon", "./_util/proptype", "./_mixin/locale", "./button", "./_mixin/emitter", "./input", "./_util/util", "./_util/clickoutside", "./_util/merge", "./_util/repeatClick", "./_util/dom"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("./_util/dateUtil"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./_mixin/emitter"), require("./button"), require("./input"), require("./_util/util"), require("./_util/clickoutside"), require("./_util/merge"), require("./_util/repeatClick"), require("./_util/dom")) : factory(root["Vue"], root["./_util/dateUtil"], root["./icon"], root["./_util/proptype"], root["./_mixin/locale"], root["./_mixin/emitter"], root["./button"], root["./input"], root["./_util/util"], root["./_util/clickoutside"], root["./_util/merge"], root["./_util/repeatClick"], root["./_util/dom"]);
+		var a = typeof exports === 'object' ? factory(require("vue"), require("./_util/dateUtil"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./button"), require("./_mixin/emitter"), require("./input"), require("./_util/util"), require("./_util/clickoutside"), require("./_util/merge"), require("./_util/repeatClick"), require("./_util/dom")) : factory(root["Vue"], root["./_util/dateUtil"], root["./icon"], root["./_util/proptype"], root["./_mixin/locale"], root["./button"], root["./_mixin/emitter"], root["./input"], root["./_util/util"], root["./_util/clickoutside"], root["./_util/merge"], root["./_util/repeatClick"], root["./_util/dom"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__4__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__10__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__17__, __WEBPACK_EXTERNAL_MODULE__21__, __WEBPACK_EXTERNAL_MODULE__32__, __WEBPACK_EXTERNAL_MODULE__48__, __WEBPACK_EXTERNAL_MODULE__67__, __WEBPACK_EXTERNAL_MODULE__68__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__4__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__9__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__17__, __WEBPACK_EXTERNAL_MODULE__22__, __WEBPACK_EXTERNAL_MODULE__33__, __WEBPACK_EXTERNAL_MODULE__48__, __WEBPACK_EXTERNAL_MODULE__67__, __WEBPACK_EXTERNAL_MODULE__68__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -220,7 +220,7 @@ function normalizeComponent (
 /* unused harmony export isInContainer */
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return merge; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollBarWidth; });
-/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
 /* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
@@ -495,7 +495,7 @@ function getScrollBarWidth() {
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__10__;
+module.exports = require("babel-runtime/helpers/typeof");
 
 /***/ }),
 
@@ -996,7 +996,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__17__;
 var popup_main = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/object/get-own-property-descriptor"
-var get_own_property_descriptor_ = __webpack_require__(19);
+var get_own_property_descriptor_ = __webpack_require__(20);
 var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor_);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/object/keys"
@@ -2462,7 +2462,7 @@ var stop = function stop(e) {
 /***/ 19:
 /***/ (function(module, exports) {
 
-module.exports = require("babel-runtime/core-js/object/get-own-property-descriptor");
+module.exports = require("babel-runtime/helpers/toConsumableArray");
 
 /***/ }),
 
@@ -2473,14 +2473,21 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
 /***/ }),
 
-/***/ 21:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__21__;
+module.exports = require("babel-runtime/core-js/object/get-own-property-descriptor");
 
 /***/ }),
 
 /***/ 22:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__22__;
+
+/***/ }),
+
+/***/ 23:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2495,7 +2502,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__21__;
 /* unused harmony export isScroll */
 /* unused harmony export getScrollContainer */
 /* unused harmony export isInContainer */
-/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
 /* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
@@ -2725,13 +2732,6 @@ var isInContainer = function isInContainer(el, container) {
 
 /***/ }),
 
-/***/ 25:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/toConsumableArray");
-
-/***/ }),
-
 /***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2825,10 +2825,10 @@ component.options.__file = "components/scroll-bar/scroll-bar.vue"
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__32__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__33__;
 
 /***/ }),
 
@@ -3682,7 +3682,7 @@ render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/picker/picker.vue?vue&type=template&id=311c2352&
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/toConsumableArray"
-var toConsumableArray_ = __webpack_require__(25);
+var toConsumableArray_ = __webpack_require__(19);
 var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray_);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/object/keys"
@@ -3694,7 +3694,7 @@ var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(
 var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
 
 // EXTERNAL MODULE: external "./_util/clickoutside"
-var clickoutside_ = __webpack_require__(32);
+var clickoutside_ = __webpack_require__(33);
 var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 
 // EXTERNAL MODULE: external "./_util/dateUtil"
@@ -3704,7 +3704,7 @@ var dateUtil_ = __webpack_require__(4);
 var vue_popper = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "./_mixin/emitter"
-var emitter_ = __webpack_require__(13);
+var emitter_ = __webpack_require__(14);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 // EXTERNAL MODULE: external "./input"
@@ -3720,7 +3720,7 @@ var merge_ = __webpack_require__(48);
 var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
 
 // EXTERNAL MODULE: external "./_mixin/locale"
-var locale_ = __webpack_require__(10);
+var locale_ = __webpack_require__(9);
 var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
 
 // EXTERNAL MODULE: external "./_util/proptype"
@@ -3856,7 +3856,7 @@ var DEFAULT_FORMATS = {
   datetimerangeflat: 'yyyy-MM-dd HH:mm:ss',
   year: 'yyyy'
 };
-var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'monthrange', 'timerange', 'datetimerange', 'dates', 'datetimerangeflat'];
+var HAVE_TRIGGER_TYPES = ['date', 'datetime', 'time', 'time-select', 'week', 'month', 'year', 'daterange', 'monthrange', 'timerange', 'datetimerange', 'dates', 'datetimerangeflat', 'quarter'];
 var pickervue_type_script_lang_js_DATE_FORMATTER = function DATE_FORMATTER(value, format) {
   if (format === 'timestamp') return value.getTime();
   return Object(dateUtil_["formatDate"])(value, format);
@@ -3984,6 +3984,31 @@ var TYPE_VALUE_RESOLVER_MAP = {
         return date instanceof Date ? date : pickervue_type_script_lang_js_DATE_PARSER(date, format);
       });
     }
+  },
+  quarter: {
+    formatter: function formatter(value, format) {
+      // value 是 Date
+      if (!value) return '';
+      var year = value.getFullYear();
+      var month = value.getMonth();
+      var quarter = Math.floor(month / 3) + 1;
+      // 支持自定义格式，否则默认 'yyyy-Qn'
+      if (format) {
+        return format.replace('yyyy', year).replace('Q', quarter);
+      }
+      return year + '-Q' + quarter;
+    },
+    parser: function parser(text, format) {
+      // 支持 'yyyy-Qn' 格式
+      if (!text) return null;
+      var match = text.match(/(\\d{4})-?Q(\\d)/);
+      if (match) {
+        var year = parseInt(match[1]);
+        var quarter = parseInt(match[2]);
+        return new Date(year, (quarter - 1) * 3, 1);
+      }
+      return new Date(text);
+    }
   }
 };
 var PLACEMENT_MAP = {
@@ -4118,6 +4143,14 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    pickerType: {
+      type: String,
+      default: 'date'
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true // 默认插入到 body
     }
   },
 
@@ -4232,6 +4265,8 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
         return 'year';
       } else if (this.type === 'dates') {
         return 'dates';
+      } else if (this.type === 'quarter') {
+        return 'quarter';
       }
 
       return 'day';
@@ -4446,8 +4481,7 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       this.userInput = initialValue === '' ? null : initialValue;
     },
     handleFocus: function handleFocus() {
-      var type = this.type;
-      if (HAVE_TRIGGER_TYPES.indexOf(type) !== -1 && !this.pickerVisible) {
+      if (HAVE_TRIGGER_TYPES.indexOf(this.type) !== -1 && !this.pickerVisible) {
         this.pickerVisible = true;
       }
       this.$emit('focus', this);
@@ -4514,35 +4548,72 @@ 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;
 
-      this.picker = new external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a(this.panel).$mount();
+      var Panel = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(this.panel);
+      this.picker = new Panel({
+        propsData: {
+          pickerType: this.type,
+          referenceElm: this.reference,
+          popperClass: this.popperClass,
+          appendToBody: this.appendToBody, // 使用组件的 appendToBody 配置
+          placement: this.placement
+        }
+      }).$mount();
+
+      // 根据配置决定插入位置
+      if (this.type !== 'quarter') {
+        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;
@@ -4554,56 +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.picker.pickerType = this.type;
+
+      // 监听格式变化
       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();
       });
 
+      // 其他事件监听保持不变
       this.picker.$on('select-range', function (start, end, pos) {
         if (_this3.refInput.length === 0) return;
         if (!pos || pos === 'min') {
@@ -4615,14 +4671,100 @@ 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;
       }
     },
     emitChange: function emitChange(val) {
@@ -4649,7 +4791,32 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       } else {
         return true;
       }
+    },
+    selectQuarter: function selectQuarter(quarter) {
+      var selectedDate = new Date(this.currentYear, quarter.startMonth, 1);
+      this.$emit('pick', selectedDate, false);
+    },
+    prevYear: function prevYear() {
+      this.currentYear--;
+      this.$emit('pick', new Date(this.currentYear, 0, 1));
+    },
+    nextYear: function nextYear() {
+      this.currentYear++;
+      this.$emit('pick', new Date(this.currentYear, 0, 1));
+    },
+    isSelected: function isSelected(quarter) {
+      if (!this.value || !(this.value instanceof Date) || isNaN(this.value)) {
+        return false;
+      }
+      var selectedYear = this.value.getFullYear();
+      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&
@@ -4725,100 +4892,130 @@ var datevue_type_template_id_1a0bc492_render = function () {
                   class: this.prefixCls + "-picker-panel-header",
                 },
                 [
-                  _c("i", {
-                    staticClass: "mdsicon mdsicon-line-caret-left-double",
-                    class: [
-                      _vm.prefixCls + "-picker-panel-header-base-icon",
-                      _vm.prefixCls + "-prev-year",
-                      _vm.prefixCls + "-other-icon",
-                      _vm.prefixCls + "-picker-panel-header-base-left",
-                    ],
-                    attrs: { "aria-label": _vm.t("mds.datepicker.prevYear") },
-                    on: { click: _vm.prevYear },
-                  }),
-                  _c("i", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value: _vm.currentView === "date",
-                        expression: "currentView === 'date'",
-                      },
-                    ],
-                    staticClass: "mdsicon mdsicon-line-caret-left",
-                    class: [
-                      _vm.prefixCls + "-picker-panel-header-base-icon",
-                      _vm.prefixCls + "-prev-month",
-                      _vm.prefixCls + "-other-icon",
-                      _vm.prefixCls + "-picker-panel-header-base-left",
-                    ],
-                    attrs: { "aria-label": _vm.t("mds.datepicker.prevMonth") },
-                    on: { click: _vm.prevMonth },
-                  }),
-                  _c(
-                    "span",
-                    {
-                      class: _vm.prefixCls + "-picker-panel-header-label",
-                      attrs: { role: "button" },
-                      on: { click: _vm.showYearPicker },
-                    },
-                    [_vm._v(_vm._s(_vm.yearLabel))]
-                  ),
-                  _c(
-                    "span",
-                    {
-                      directives: [
-                        {
-                          name: "show",
-                          rawName: "v-show",
-                          value: _vm.currentView === "date",
-                          expression: "currentView === 'date'",
-                        },
-                      ],
-                      class: [
-                        _vm.prefixCls + "-picker-panel-header-label",
-                        { active: _vm.currentView === "month" },
+                  _vm.pickerType === "quarter"
+                    ? [
+                        _c(
+                          "span",
+                          { staticClass: "mds-date-picker-quarter-header" },
+                          [
+                            _vm._v(
+                              "\n              " +
+                                _vm._s(_vm.year) +
+                                " " +
+                                _vm._s(_vm.t("mds.datepicker.year")) +
+                                "\n            "
+                            ),
+                          ]
+                        ),
+                      ]
+                    : [
+                        _c("i", {
+                          staticClass: "mdsicon mdsicon-line-caret-left-double",
+                          class: [
+                            _vm.prefixCls + "-picker-panel-header-base-icon",
+                            _vm.prefixCls + "-prev-year",
+                            _vm.prefixCls + "-other-icon",
+                            _vm.prefixCls + "-picker-panel-header-base-left",
+                          ],
+                          attrs: {
+                            "aria-label": _vm.t("mds.datepicker.prevYear"),
+                          },
+                          on: { click: _vm.prevYear },
+                        }),
+                        _c("i", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.currentView === "date",
+                              expression: "currentView === 'date'",
+                            },
+                          ],
+                          staticClass: "mdsicon mdsicon-line-caret-left",
+                          class: [
+                            _vm.prefixCls + "-picker-panel-header-base-icon",
+                            _vm.prefixCls + "-prev-month",
+                            _vm.prefixCls + "-other-icon",
+                            _vm.prefixCls + "-picker-panel-header-base-left",
+                          ],
+                          attrs: {
+                            "aria-label": _vm.t("mds.datepicker.prevMonth"),
+                          },
+                          on: { click: _vm.prevMonth },
+                        }),
+                        _c(
+                          "span",
+                          {
+                            class: _vm.prefixCls + "-picker-panel-header-label",
+                            attrs: { role: "button" },
+                            on: { click: _vm.showYearPicker },
+                          },
+                          [_vm._v(_vm._s(_vm.yearLabel))]
+                        ),
+                        _c(
+                          "span",
+                          {
+                            directives: [
+                              {
+                                name: "show",
+                                rawName: "v-show",
+                                value: _vm.currentView === "date",
+                                expression: "currentView === 'date'",
+                              },
+                            ],
+                            class: [
+                              _vm.prefixCls + "-picker-panel-header-label",
+                              { active: _vm.currentView === "month" },
+                            ],
+                            attrs: { role: "button" },
+                            on: { click: _vm.showMonthPicker },
+                          },
+                          [
+                            _vm._v(
+                              _vm._s(
+                                _vm.t("mds.datepicker.month" + (_vm.month + 1))
+                              )
+                            ),
+                          ]
+                        ),
+                        _c("i", {
+                          staticClass:
+                            "mdsicon mdsicon-line-caret-right-double",
+                          class: [
+                            _vm.prefixCls + "-picker-panel-header-base-icon",
+                            _vm.prefixCls + "-next-year",
+                            _vm.prefixCls + "-other-icon",
+                            _vm.prefixCls + "-picker-panel-header-base-right",
+                          ],
+                          attrs: {
+                            "aria-label": _vm.t("mds.datepicker.nextYear"),
+                          },
+                          on: { click: _vm.nextYear },
+                        }),
+                        _c("i", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.currentView === "date",
+                              expression: "currentView === 'date'",
+                            },
+                          ],
+                          staticClass: "mdsicon mdsicon-line-caret-right",
+                          class: [
+                            _vm.prefixCls + "-picker-panel-header-base-icon",
+                            _vm.prefixCls + "-next-month",
+                            _vm.prefixCls + "-other-icon",
+                            _vm.prefixCls + "-picker-panel-header-base-right",
+                          ],
+                          attrs: {
+                            "aria-label": _vm.t("mds.datepicker.nextMonth"),
+                          },
+                          on: { click: _vm.nextMonth },
+                        }),
                       ],
-                      attrs: { role: "button" },
-                      on: { click: _vm.showMonthPicker },
-                    },
-                    [
-                      _vm._v(
-                        _vm._s(_vm.t("mds.datepicker.month" + (_vm.month + 1)))
-                      ),
-                    ]
-                  ),
-                  _c("i", {
-                    staticClass: "mdsicon mdsicon-line-caret-right-double",
-                    class: [
-                      _vm.prefixCls + "-picker-panel-header-base-icon",
-                      _vm.prefixCls + "-next-year",
-                      _vm.prefixCls + "-other-icon",
-                      _vm.prefixCls + "-picker-panel-header-base-right",
-                    ],
-                    attrs: { "aria-label": _vm.t("mds.datepicker.nextYear") },
-                    on: { click: _vm.nextYear },
-                  }),
-                  _c("i", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value: _vm.currentView === "date",
-                        expression: "currentView === 'date'",
-                      },
-                    ],
-                    staticClass: "mdsicon mdsicon-line-caret-right",
-                    class: [
-                      _vm.prefixCls + "-picker-panel-header-base-icon",
-                      _vm.prefixCls + "-next-month",
-                      _vm.prefixCls + "-other-icon",
-                      _vm.prefixCls + "-picker-panel-header-base-right",
-                    ],
-                    attrs: { "aria-label": _vm.t("mds.datepicker.nextMonth") },
-                    on: { click: _vm.nextMonth },
-                  }),
-                ]
+                ],
+                2
               ),
               _vm.timePickerVisible
                 ? _c(
@@ -4843,98 +5040,105 @@ var datevue_type_template_id_1a0bc492_render = function () {
                 "div",
                 { class: this.prefixCls + "-picker-panel-content" },
                 [
-                  _c("date-table", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value:
-                          _vm.currentView === "date" &&
-                          _vm.timePickerVisible === false,
-                        expression:
-                          "currentView === 'date' && timePickerVisible === false",
-                      },
-                    ],
-                    attrs: {
-                      "selection-mode": _vm.selectionMode,
-                      "first-day-of-week": _vm.firstDayOfWeek,
-                      value: _vm.value,
-                      "default-value": _vm.defaultValue
-                        ? new Date(_vm.defaultValue)
-                        : null,
-                      date: _vm.date,
-                      "cell-class-name": _vm.cellClassName,
-                      "disabled-date": _vm.disabledDate,
-                    },
-                    on: { pick: _vm.handleDatePick },
-                  }),
-                  _c("year-table", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value:
-                          _vm.currentView === "year" &&
-                          _vm.timePickerVisible === false,
-                        expression:
-                          "currentView === 'year' && timePickerVisible === false",
-                      },
-                    ],
-                    attrs: {
-                      value: _vm.value,
-                      "default-value": _vm.defaultValue
-                        ? new Date(_vm.defaultValue)
-                        : null,
-                      date: _vm.date,
-                      "disabled-date": _vm.disabledDate,
-                    },
-                    on: { pick: _vm.handleYearPick },
-                  }),
-                  _c("month-table", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value:
-                          _vm.currentView === "month" &&
-                          _vm.timePickerVisible === false,
-                        expression:
-                          "currentView === 'month' && timePickerVisible === false",
-                      },
-                    ],
-                    attrs: {
-                      value: _vm.value,
-                      "default-value": _vm.defaultValue
-                        ? new Date(_vm.defaultValue)
-                        : null,
-                      date: _vm.date,
-                      "disabled-date": _vm.disabledDate,
-                    },
-                    on: { pick: _vm.handleMonthPick },
-                  }),
-                  _c("time-picker", {
-                    directives: [
-                      {
-                        name: "show",
-                        rawName: "v-show",
-                        value: _vm.timePickerVisible && _vm.showTime,
-                        expression: "timePickerVisible && showTime",
-                      },
-                    ],
-                    ref: "timepicker",
-                    attrs: {
-                      "time-arrow-control": _vm.arrowControl,
-                      visible: true,
-                      "listen-scroll": _vm.listenScroll,
-                      step: _vm.step,
-                    },
-                    on: {
-                      pick: _vm.handleTimePick,
-                      mounted: _vm.proxyTimePickerDataProperties,
-                    },
-                  }),
+                  _vm.pickerType === "quarter"
+                    ? _c("quarter-panel", {
+                        attrs: { value: _vm.value, date: _vm.date },
+                        on: { pick: _vm.handleQuarterPick },
+                      })
+                    : [
+                        _c("date-table", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value:
+                                _vm.currentView === "date" &&
+                                _vm.timePickerVisible === false,
+                              expression:
+                                "currentView === 'date' && timePickerVisible === false",
+                            },
+                          ],
+                          attrs: {
+                            "selection-mode": _vm.selectionMode,
+                            "first-day-of-week": _vm.firstDayOfWeek,
+                            value: _vm.value,
+                            "default-value": _vm.defaultValue
+                              ? new Date(_vm.defaultValue)
+                              : null,
+                            date: _vm.date,
+                            "cell-class-name": _vm.cellClassName,
+                            "disabled-date": _vm.disabledDate,
+                          },
+                          on: { pick: _vm.handleDatePick },
+                        }),
+                        _c("year-table", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value:
+                                _vm.currentView === "year" &&
+                                _vm.timePickerVisible === false,
+                              expression:
+                                "currentView === 'year' && timePickerVisible === false",
+                            },
+                          ],
+                          attrs: {
+                            value: _vm.value,
+                            "default-value": _vm.defaultValue
+                              ? new Date(_vm.defaultValue)
+                              : null,
+                            date: _vm.date,
+                            "disabled-date": _vm.disabledDate,
+                          },
+                          on: { pick: _vm.handleYearPick },
+                        }),
+                        _c("month-table", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value:
+                                _vm.currentView === "month" &&
+                                _vm.timePickerVisible === false,
+                              expression:
+                                "currentView === 'month' && timePickerVisible === false",
+                            },
+                          ],
+                          attrs: {
+                            value: _vm.value,
+                            "default-value": _vm.defaultValue
+                              ? new Date(_vm.defaultValue)
+                              : null,
+                            date: _vm.date,
+                            "disabled-date": _vm.disabledDate,
+                          },
+                          on: { pick: _vm.handleMonthPick },
+                        }),
+                        _c("time-picker", {
+                          directives: [
+                            {
+                              name: "show",
+                              rawName: "v-show",
+                              value: _vm.timePickerVisible && _vm.showTime,
+                              expression: "timePickerVisible && showTime",
+                            },
+                          ],
+                          ref: "timepicker",
+                          attrs: {
+                            "time-arrow-control": _vm.arrowControl,
+                            visible: true,
+                            "listen-scroll": _vm.listenScroll,
+                            step: _vm.step,
+                          },
+                          on: {
+                            pick: _vm.handleTimePick,
+                            mounted: _vm.proxyTimePickerDataProperties,
+                          },
+                        }),
+                      ],
                 ],
-                1
+                2
               ),
             ]),
           ]),
@@ -4945,8 +5149,12 @@ var datevue_type_template_id_1a0bc492_render = function () {
                 {
                   name: "show",
                   rawName: "v-show",
-                  value: _vm.footerVisible && _vm.currentView === "date",
-                  expression: "footerVisible && currentView === 'date'",
+                  value:
+                    _vm.footerVisible &&
+                    _vm.currentView === "date" &&
+                    _vm.pickerType !== "quarter",
+                  expression:
+                    "footerVisible && currentView === 'date' && pickerType !== 'quarter'",
                 },
               ],
               class: this.prefixCls + "-picker-panel-footer",
@@ -5036,7 +5244,7 @@ datevue_type_template_id_1a0bc492_render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/picker/date.vue?vue&type=template&id=1a0bc492&
 
 // EXTERNAL MODULE: external "./button"
-var external_button_ = __webpack_require__(14);
+var external_button_ = __webpack_require__(13);
 var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/time.vue?vue&type=template&id=0c4cd956&
@@ -6296,7 +6504,7 @@ year_tablevue_type_template_id_aa64ca38_render._withStripped = true
 var dom_ = __webpack_require__(68);
 
 // EXTERNAL MODULE: external "./_util/util"
-var util_ = __webpack_require__(21);
+var util_ = __webpack_require__(22);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/base/year-table.vue?vue&type=script&lang=js&
 //
@@ -6508,7 +6716,7 @@ month_tablevue_type_template_id_c295c5ea_render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/base/month-table.vue?vue&type=template&id=c295c5ea&
 
 // EXTERNAL MODULE: ./components/_util/dom.js
-var dom = __webpack_require__(22);
+var dom = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./components/_util/util.js
 var util = __webpack_require__(16);
@@ -6971,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;
 };
 
@@ -7050,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] = {
@@ -7082,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 {
@@ -7124,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;
@@ -7278,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;
         }
       }
     },
@@ -7395,6 +7614,288 @@ var date_table_component = Object(componentNormalizer["a" /* default */])(
 if (false) { var date_table_api; }
 date_table_component.options.__file = "components/datepicker/base/date-table.vue"
 /* harmony default export */ var date_table = (date_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/picker/quarter.vue?vue&type=template&id=76a5899a&
+var quartervue_type_template_id_76a5899a_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.visible,
+          expression: "visible",
+        },
+      ],
+      ref: "popper",
+      class: ["mds-quarter-panel", _vm.popperClass],
+      style: _vm.popperStyle,
+    },
+    [
+      _c("div", { staticClass: "mds-quarter-panel__header" }, [
+        _c("i", {
+          staticClass: "mdsicon mdsicon-line-caret-left-double",
+          class: [
+            _vm.prefixCls + "-picker-panel-header-base-icon",
+            _vm.prefixCls + "-left-prev-year",
+            _vm.prefixCls + "-other-icon",
+            _vm.prefixCls + "-picker-panel-header-base-left",
+          ],
+          attrs: { "aria-label": _vm.t("mds.datepicker.prevYear") },
+          on: { click: _vm.prevYear },
+        }),
+        _c("span", [_vm._v(_vm._s(_vm.currentYear))]),
+        _c("i", {
+          staticClass: "mdsicon mdsicon-line-caret-right-double",
+          class: [
+            _vm.prefixCls + "-picker-panel-header-base-icon",
+            _vm.prefixCls + "-next-year",
+            _vm.prefixCls + "-other-icon",
+            _vm.prefixCls + "-picker-panel-header-base-right",
+          ],
+          attrs: { "aria-label": _vm.t("mds.datepicker.nextYear") },
+          on: { click: _vm.nextYear },
+        }),
+      ]),
+      _c(
+        "div",
+        { staticClass: "mds-quarter-panel__body" },
+        _vm._l(_vm.quarters, function (quarter) {
+          return _c(
+            "div",
+            {
+              key: quarter.value,
+              class: [
+                "mds-quarter-panel__quarter",
+                {
+                  "is-selected": _vm.isSelected(quarter),
+                  today: _vm.isTodayQuarter(quarter), // 只判断是否今天
+                },
+              ],
+              on: {
+                click: function ($event) {
+                  return _vm.selectQuarter(quarter)
+                },
+              },
+            },
+            [_vm._v("\n      " + _vm._s(quarter.label) + "\n    ")]
+          )
+        }),
+        0
+      ),
+    ]
+  )
+}
+var quartervue_type_template_id_76a5899a_staticRenderFns = []
+quartervue_type_template_id_76a5899a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/datepicker/picker/quarter.vue?vue&type=template&id=76a5899a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/quarter.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var quartervue_type_script_lang_js_ = ({
+  mixins: [locale_default.a, vue_popper["a" /* default */]],
+  name: 'QuarterPanel',
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'mds-date'
+    },
+    value: {
+      type: [Date, String],
+      default: null
+    },
+    date: {
+      type: Date,
+      default: function _default() {
+        return new Date();
+      }
+    },
+    pickerType: {
+      type: String,
+      default: 'quarter'
+    },
+    popperClass: {
+      type: String,
+      default: ''
+    },
+    referenceElm: {
+      type: null,
+      default: null
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    placement: {
+      type: String,
+      default: 'bottom-start'
+    }
+  },
+  data: function data() {
+    return {
+      currentYear: new Date().getFullYear(),
+      visible: true // 控制面板显示
+    };
+  },
+
+  computed: {
+    quarters: function quarters() {
+      return [{ label: 'Q1', value: 1, startMonth: 0, endMonth: 2 }, { label: 'Q2', value: 2, startMonth: 3, endMonth: 5 }, { label: 'Q3', value: 3, startMonth: 6, endMonth: 8 }, { label: 'Q4', value: 4, startMonth: 9, endMonth: 11 }];
+    },
+    hasSelected: function hasSelected() {
+      return this.value && this.value instanceof Date && !isNaN(this.value);
+    }
+  },
+  watch: {
+    date: {
+      immediate: true,
+      handler: function handler(newDate) {
+        if (newDate instanceof Date && !isNaN(newDate)) {
+          this.currentYear = newDate.getFullYear();
+        }
+      }
+    },
+    value: {
+      immediate: true,
+      handler: function handler(newValue) {
+        if (newValue instanceof Date && !isNaN(newValue)) {
+          this.currentYear = newValue.getFullYear();
+        }
+      }
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    if (this.appendToBody && this.$el.parentNode !== document.body) {
+      document.body.appendChild(this.$el);
+    }
+    // 关键：必须在 append 到 body 后再 updatePopper
+    this.$nextTick(function () {
+      if (_this.referenceElm) {
+        _this.updatePopper();
+      }
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.appendToBody && this.$el && this.$el.parentNode === document.body) {
+      document.body.removeChild(this.$el);
+    }
+  },
+
+  methods: {
+    prevYear: function prevYear() {
+      this.currentYear--;
+      // this.$emit('pick', new Date(this.currentYear, 0, 1))
+    },
+    nextYear: function nextYear() {
+      this.currentYear++;
+      // this.$emit('pick', new Date(this.currentYear, 0, 1))
+    },
+    selectQuarter: function selectQuarter(quarter) {
+      var selectedDate = new Date(this.currentYear, quarter.startMonth, 1);
+      this.$emit('pick', selectedDate, false); // 关键：false自动收起
+    },
+    isSelected: function isSelected(quarter) {
+      if (this.hasSelected) {
+        var selectedYear = this.value.getFullYear();
+        var selectedMonth = this.value.getMonth();
+        return selectedYear === this.currentYear && selectedMonth >= quarter.startMonth && selectedMonth <= quarter.endMonth;
+      }
+      return false;
+    },
+    isTodayQuarter: function isTodayQuarter(quarter) {
+      var today = new Date();
+      var year = today.getFullYear();
+      var month = today.getMonth();
+      return year === this.currentYear && month >= quarter.startMonth && month <= quarter.endMonth;
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/datepicker/picker/quarter.vue?vue&type=script&lang=js&
+ /* harmony default export */ var picker_quartervue_type_script_lang_js_ = (quartervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/datepicker/picker/quarter.vue
+
+
+
+
+
+/* normalize component */
+
+var quarter_component = Object(componentNormalizer["a" /* default */])(
+  picker_quartervue_type_script_lang_js_,
+  quartervue_type_template_id_76a5899a_render,
+  quartervue_type_template_id_76a5899a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var quarter_api; }
+quarter_component.options.__file = "components/datepicker/picker/quarter.vue"
+/* harmony default export */ var quarter = (quarter_component.exports);
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/date.vue?vue&type=script&lang=js&
 
 //
@@ -7548,6 +8049,22 @@ date_table_component.options.__file = "components/datepicker/base/date-table.vue
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -7565,6 +8082,10 @@ date_table_component.options.__file = "components/datepicker/base/date-table.vue
     prefixCls: {
       type: String,
       default: 'mds-date'
+    },
+    pickerType: {
+      type: String,
+      default: 'date'
     }
   },
   watch: {
@@ -7876,11 +8397,18 @@ date_table_component.options.__file = "components/datepicker/base/date-table.vue
     },
     checkDateWithinRange: function checkDateWithinRange(date) {
       return this.selectableRange.length > 0 ? Object(dateUtil_["timeWithinRange"])(date, this.selectableRange, this.format || 'HH:mm:ss') : true;
+    },
+    handleQuarterPick: function handleQuarterPick(date) {
+      this.date = date;
+      this.emit(date, false);
+    },
+    showQuarterPicker: function showQuarterPicker() {
+      this.currentView = 'quarter';
     }
   },
 
   components: {
-    TimePicker: picker_time, YearTable: year_table, MonthTable: month_table, DateTable: date_table, MdsButton: external_button_default.a
+    TimePicker: picker_time, YearTable: year_table, MonthTable: month_table, DateTable: date_table, MdsButton: external_button_default.a, QuarterPanel: quarter
   },
 
   data: function data() {
@@ -8159,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,
@@ -8318,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,
@@ -9260,6 +9790,8 @@ datetime_select_component.options.__file = "components/datepicker/picker/datetim
 //
 //
 //
+//
+//
 
 
 
@@ -9270,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])];
@@ -9418,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) {
@@ -9488,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();
         });
       }
     },
@@ -9514,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;
@@ -9562,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;
@@ -9572,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();
           });
         }
       }
@@ -9601,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;
 
@@ -9618,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();
@@ -9719,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();
+      });
     }
   },
 
@@ -10257,11 +10891,14 @@ month_range_component.options.__file = "components/datepicker/range/month-range.
 
 
 
+
 var picker_getPanel = function getPanel(type) {
   if (type === 'daterange' || type === 'datetimerange' || type === 'datetimerangeflat') {
     return date_range;
   } else if (type === 'monthrange') {
     return month_range;
+  } else if (type === 'quarter') {
+    return quarter;
   }
   return picker_date;
 };
@@ -10276,7 +10913,10 @@ var picker_getPanel = function getPanel(type) {
   props: {
     type: {
       type: String,
-      default: 'date'
+      default: 'date',
+      validator: function validator(value) {
+        return ['date', 'datetime', 'week', 'month', 'year', 'daterange', 'datetimerange', 'datetimerangeflat', 'monthrange', 'quarter', 'dates'].includes(value);
+      }
     },
     timeArrowControl: Boolean
   },
@@ -10311,7 +10951,7 @@ datepicker_picker.install = function (Vue) {
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("babel-runtime/helpers/typeof");
+module.exports = __WEBPACK_EXTERNAL_MODULE__9__;
 
 /***/ })