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

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,10 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    pickerType: {
+      type: String,
+      default: 'date'
     }
   },
 
@@ -4232,6 +4261,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 +4477,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);
@@ -4542,7 +4572,20 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     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, // 关键：传递 referenceElm
+          popperClass: this.popperClass,
+          appendToBody: true,
+          placement: 'bottom-start' // 关键
+        }
+      }).$mount();
+      // 只对非季度类型 appendChild
+      if (this.type !== 'quarter') {
+        this.$el.appendChild(this.picker.$el);
+      }
       this.picker.defaultValue = this.defaultValue;
       this.picker.defaultTime = this.defaultTime;
       this.picker.popperClass = this.popperClass;
@@ -4554,7 +4597,6 @@ 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;
       });
@@ -4590,7 +4632,7 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
       this.unwatchPickerOptions = this.$watch('pickerOptions', function () {
         return updateOptions();
       }, { deep: true });
-      this.$el.appendChild(this.picker.$el);
+      // this.$el.appendChild(this.picker.$el)
       this.picker.resetView && this.picker.resetView();
 
       this.picker.$on('dodestroy', this.doDestroy);
@@ -4602,6 +4644,9 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
         _this3.pickerVisible = _this3.picker.visible = visible;
         _this3.emitInput(date);
         _this3.picker.resetView && _this3.picker.resetView();
+        if (!visible) {
+          _this3.unmountPicker();
+        }
       });
 
       this.picker.$on('select-range', function (start, end, pos) {
@@ -4623,6 +4668,7 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
           this.unwatchPickerOptions();
         }
         if (this.picker.$el.parentNode) this.picker.$el.parentNode.removeChild(this.picker.$el);
+        this.picker = null;
       }
     },
     emitChange: function emitChange(val) {
@@ -4649,6 +4695,26 @@ 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;
     }
   }
 });
@@ -4725,100 +4791,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 +4939,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 +5048,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 +5143,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 +6403,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 +6615,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);
@@ -7395,6 +7502,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 +7937,22 @@ date_table_component.options.__file = "components/datepicker/base/date-table.vue
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -7565,6 +7970,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 +8285,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() {
@@ -10257,11 +10673,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 +10695,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 +10733,7 @@ datepicker_picker.install = function (Vue) {
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("babel-runtime/helpers/typeof");
+module.exports = __WEBPACK_EXTERNAL_MODULE__9__;
 
 /***/ })