@mdsfe/mds-ui 0.3.0-15 → 0.3.0-17

package/dist/datepicker.js

@@ -7,7 +7,7 @@
 		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"]);
 		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__51__, __WEBPACK_EXTERNAL_MODULE__68__, __WEBPACK_EXTERNAL_MODULE__69__) {
+})(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__18__, __WEBPACK_EXTERNAL_MODULE__21__, __WEBPACK_EXTERNAL_MODULE__32__, __WEBPACK_EXTERNAL_MODULE__48__, __WEBPACK_EXTERNAL_MODULE__67__, __WEBPACK_EXTERNAL_MODULE__68__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 91);
+/******/ 	return __webpack_require__(__webpack_require__.s = 88);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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");
 
 /***/ }),
 
@@ -520,7 +520,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
 
 /***/ }),
 
-/***/ 145:
+/***/ 142:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
@@ -967,20 +967,6 @@ function hasOwn(obj, key) {
 /***/ }),
 
 /***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__17__;
-
-/***/ }),
-
-/***/ 179:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
-/***/ 18:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2452,13 +2438,27 @@ var stop = function stop(e) {
 
 /***/ }),
 
-/***/ 181:
+/***/ 176:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 178:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__18__;
+
+/***/ }),
+
 /***/ 19:
 /***/ (function(module, exports) {
 
@@ -2495,7 +2495,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__);
@@ -2837,544 +2837,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__32__;
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__4__;
 
-/***/ }),
-
-/***/ 47:
-/***/ (function(module, exports) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function(useSourceMap) {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		return this.map(function (item) {
-			var content = cssWithMappingToString(item, useSourceMap);
-			if(item[2]) {
-				return "@media " + item[2] + "{" + content + "}";
-			} else {
-				return content;
-			}
-		}).join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
-
-function cssWithMappingToString(item, useSourceMap) {
-	var content = item[1] || '';
-	var cssMapping = item[3];
-	if (!cssMapping) {
-		return content;
-	}
-
-	if (useSourceMap && typeof btoa === 'function') {
-		var sourceMapping = toComment(cssMapping);
-		var sourceURLs = cssMapping.sources.map(function (source) {
-			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
-		});
-
-		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
-	}
-
-	return [content].join('\n');
-}
-
-// Adapted from convert-source-map (MIT)
-function toComment(sourceMap) {
-	// eslint-disable-next-line no-undef
-	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
-	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
-
-	return '/*# ' + data + ' */';
-}
-
-
 /***/ }),
 
 /***/ 48:
-/***/ (function(module, exports, __webpack_require__) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-
-var stylesInDom = {};
-
-var	memoize = function (fn) {
-	var memo;
-
-	return function () {
-		if (typeof memo === "undefined") memo = fn.apply(this, arguments);
-		return memo;
-	};
-};
-
-var isOldIE = memoize(function () {
-	// Test for IE <= 9 as proposed by Browserhacks
-	// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-	// Tests for existence of standard globals is to allow style-loader
-	// to operate correctly into non-standard environments
-	// @see https://github.com/webpack-contrib/style-loader/issues/177
-	return window && document && document.all && !window.atob;
-});
-
-var getElement = (function (fn) {
-	var memo = {};
-
-	return function(selector) {
-		if (typeof memo[selector] === "undefined") {
-			memo[selector] = fn.call(this, selector);
-		}
-
-		return memo[selector]
-	};
-})(function (target) {
-	return document.querySelector(target)
-});
-
-var singleton = null;
-var	singletonCounter = 0;
-var	stylesInsertedAtTop = [];
-
-var	fixUrls = __webpack_require__(49);
-
-module.exports = function(list, options) {
-	if (typeof DEBUG !== "undefined" && DEBUG) {
-		if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
-	}
-
-	options = options || {};
-
-	options.attrs = typeof options.attrs === "object" ? options.attrs : {};
-
-	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-	// tags it will allow on a page
-	if (!options.singleton) options.singleton = isOldIE();
-
-	// By default, add <style> tags to the <head> element
-	if (!options.insertInto) options.insertInto = "head";
-
-	// By default, add <style> tags to the bottom of the target
-	if (!options.insertAt) options.insertAt = "bottom";
-
-	var styles = listToStyles(list, options);
-
-	addStylesToDom(styles, options);
-
-	return function update (newList) {
-		var mayRemove = [];
-
-		for (var i = 0; i < styles.length; i++) {
-			var item = styles[i];
-			var domStyle = stylesInDom[item.id];
-
-			domStyle.refs--;
-			mayRemove.push(domStyle);
-		}
-
-		if(newList) {
-			var newStyles = listToStyles(newList, options);
-			addStylesToDom(newStyles, options);
-		}
-
-		for (var i = 0; i < mayRemove.length; i++) {
-			var domStyle = mayRemove[i];
-
-			if(domStyle.refs === 0) {
-				for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
-
-				delete stylesInDom[domStyle.id];
-			}
-		}
-	};
-};
-
-function addStylesToDom (styles, options) {
-	for (var i = 0; i < styles.length; i++) {
-		var item = styles[i];
-		var domStyle = stylesInDom[item.id];
-
-		if(domStyle) {
-			domStyle.refs++;
-
-			for(var j = 0; j < domStyle.parts.length; j++) {
-				domStyle.parts[j](item.parts[j]);
-			}
-
-			for(; j < item.parts.length; j++) {
-				domStyle.parts.push(addStyle(item.parts[j], options));
-			}
-		} else {
-			var parts = [];
-
-			for(var j = 0; j < item.parts.length; j++) {
-				parts.push(addStyle(item.parts[j], options));
-			}
-
-			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
-		}
-	}
-}
-
-function listToStyles (list, options) {
-	var styles = [];
-	var newStyles = {};
-
-	for (var i = 0; i < list.length; i++) {
-		var item = list[i];
-		var id = options.base ? item[0] + options.base : item[0];
-		var css = item[1];
-		var media = item[2];
-		var sourceMap = item[3];
-		var part = {css: css, media: media, sourceMap: sourceMap};
-
-		if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
-		else newStyles[id].parts.push(part);
-	}
-
-	return styles;
-}
-
-function insertStyleElement (options, style) {
-	var target = getElement(options.insertInto)
-
-	if (!target) {
-		throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
-	}
-
-	var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
-
-	if (options.insertAt === "top") {
-		if (!lastStyleElementInsertedAtTop) {
-			target.insertBefore(style, target.firstChild);
-		} else if (lastStyleElementInsertedAtTop.nextSibling) {
-			target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
-		} else {
-			target.appendChild(style);
-		}
-		stylesInsertedAtTop.push(style);
-	} else if (options.insertAt === "bottom") {
-		target.appendChild(style);
-	} else {
-		throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-	}
-}
-
-function removeStyleElement (style) {
-	if (style.parentNode === null) return false;
-	style.parentNode.removeChild(style);
-
-	var idx = stylesInsertedAtTop.indexOf(style);
-	if(idx >= 0) {
-		stylesInsertedAtTop.splice(idx, 1);
-	}
-}
-
-function createStyleElement (options) {
-	var style = document.createElement("style");
-
-	options.attrs.type = "text/css";
-
-	addAttrs(style, options.attrs);
-	insertStyleElement(options, style);
-
-	return style;
-}
-
-function createLinkElement (options) {
-	var link = document.createElement("link");
-
-	options.attrs.type = "text/css";
-	options.attrs.rel = "stylesheet";
-
-	addAttrs(link, options.attrs);
-	insertStyleElement(options, link);
-
-	return link;
-}
-
-function addAttrs (el, attrs) {
-	Object.keys(attrs).forEach(function (key) {
-		el.setAttribute(key, attrs[key]);
-	});
-}
-
-function addStyle (obj, options) {
-	var style, update, remove, result;
-
-	// If a transform function was defined, run it on the css
-	if (options.transform && obj.css) {
-	    result = options.transform(obj.css);
-
-	    if (result) {
-	    	// If transform returns a value, use that instead of the original css.
-	    	// This allows running runtime transformations on the css.
-	    	obj.css = result;
-	    } else {
-	    	// If the transform function returns a falsy value, don't add this css.
-	    	// This allows conditional loading of css
-	    	return function() {
-	    		// noop
-	    	};
-	    }
-	}
-
-	if (options.singleton) {
-		var styleIndex = singletonCounter++;
-
-		style = singleton || (singleton = createStyleElement(options));
-
-		update = applyToSingletonTag.bind(null, style, styleIndex, false);
-		remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-
-	} else if (
-		obj.sourceMap &&
-		typeof URL === "function" &&
-		typeof URL.createObjectURL === "function" &&
-		typeof URL.revokeObjectURL === "function" &&
-		typeof Blob === "function" &&
-		typeof btoa === "function"
-	) {
-		style = createLinkElement(options);
-		update = updateLink.bind(null, style, options);
-		remove = function () {
-			removeStyleElement(style);
-
-			if(style.href) URL.revokeObjectURL(style.href);
-		};
-	} else {
-		style = createStyleElement(options);
-		update = applyToTag.bind(null, style);
-		remove = function () {
-			removeStyleElement(style);
-		};
-	}
-
-	update(obj);
-
-	return function updateStyle (newObj) {
-		if (newObj) {
-			if (
-				newObj.css === obj.css &&
-				newObj.media === obj.media &&
-				newObj.sourceMap === obj.sourceMap
-			) {
-				return;
-			}
-
-			update(obj = newObj);
-		} else {
-			remove();
-		}
-	};
-}
-
-var replaceText = (function () {
-	var textStore = [];
-
-	return function (index, replacement) {
-		textStore[index] = replacement;
-
-		return textStore.filter(Boolean).join('\n');
-	};
-})();
-
-function applyToSingletonTag (style, index, remove, obj) {
-	var css = remove ? "" : obj.css;
-
-	if (style.styleSheet) {
-		style.styleSheet.cssText = replaceText(index, css);
-	} else {
-		var cssNode = document.createTextNode(css);
-		var childNodes = style.childNodes;
-
-		if (childNodes[index]) style.removeChild(childNodes[index]);
-
-		if (childNodes.length) {
-			style.insertBefore(cssNode, childNodes[index]);
-		} else {
-			style.appendChild(cssNode);
-		}
-	}
-}
-
-function applyToTag (style, obj) {
-	var css = obj.css;
-	var media = obj.media;
-
-	if(media) {
-		style.setAttribute("media", media)
-	}
-
-	if(style.styleSheet) {
-		style.styleSheet.cssText = css;
-	} else {
-		while(style.firstChild) {
-			style.removeChild(style.firstChild);
-		}
-
-		style.appendChild(document.createTextNode(css));
-	}
-}
-
-function updateLink (link, options, obj) {
-	var css = obj.css;
-	var sourceMap = obj.sourceMap;
-
-	/*
-		If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
-		and there is no publicPath defined then lets turn convertToAbsoluteUrls
-		on by default.  Otherwise default to the convertToAbsoluteUrls option
-		directly
-	*/
-	var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
-
-	if (options.convertToAbsoluteUrls || autoFixUrls) {
-		css = fixUrls(css);
-	}
-
-	if (sourceMap) {
-		// http://stackoverflow.com/a/26603875
-		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-	}
-
-	var blob = new Blob([css], { type: "text/css" });
-
-	var oldSrc = link.href;
-
-	link.href = URL.createObjectURL(blob);
-
-	if(oldSrc) URL.revokeObjectURL(oldSrc);
-}
-
-
-/***/ }),
-
-/***/ 49:
 /***/ (function(module, exports) {
 
-
-/**
- * When source maps are enabled, `style-loader` uses a link element with a data-uri to
- * embed the css on the page. This breaks all relative urls because now they are relative to a
- * bundle instead of the current page.
- *
- * One solution is to only use full urls, but that may be impossible.
- *
- * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
- *
- * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
- *
- */
-
-module.exports = function (css) {
-  // get current location
-  var location = typeof window !== "undefined" && window.location;
-
-  if (!location) {
-    throw new Error("fixUrls requires window.location");
-  }
-
-	// blank or null?
-	if (!css || typeof css !== "string") {
-	  return css;
-  }
-
-  var baseUrl = location.protocol + "//" + location.host;
-  var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
-
-	// convert each url(...)
-	/*
-	This regular expression is just a way to recursively match brackets within
-	a string.
-
-	 /url\s*\(  = Match on the word "url" with any whitespace after it and then a parens
-	   (  = Start a capturing group
-	     (?:  = Start a non-capturing group
-	         [^)(]  = Match anything that isn't a parentheses
-	         |  = OR
-	         \(  = Match a start parentheses
-	             (?:  = Start another non-capturing groups
-	                 [^)(]+  = Match anything that isn't a parentheses
-	                 |  = OR
-	                 \(  = Match a start parentheses
-	                     [^)(]*  = Match anything that isn't a parentheses
-	                 \)  = Match a end parentheses
-	             )  = End Group
-              *\) = Match anything and then a close parens
-          )  = Close non-capturing group
-          *  = Match anything
-       )  = Close capturing group
-	 \)  = Match a close parens
-
-	 /gi  = Get all matches, not the first.  Be case insensitive.
-	 */
-	var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
-		// strip quotes (if they exist)
-		var unquotedOrigUrl = origUrl
-			.trim()
-			.replace(/^"(.*)"$/, function(o, $1){ return $1; })
-			.replace(/^'(.*)'$/, function(o, $1){ return $1; });
-
-		// already a full url? no change
-		if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(unquotedOrigUrl)) {
-		  return fullMatch;
-		}
-
-		// convert the url to a full url
-		var newUrl;
-
-		if (unquotedOrigUrl.indexOf("//") === 0) {
-		  	//TODO: should we add protocol?
-			newUrl = unquotedOrigUrl;
-		} else if (unquotedOrigUrl.indexOf("/") === 0) {
-			// path should be relative to the base url
-			newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
-		} else {
-			// path should be relative to current directory
-			newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
-		}
-
-		// send back the fixed url(...)
-		return "url(" + JSON.stringify(newUrl) + ")";
-	});
-
-	// send back the fixed css
-	return fixedCss;
-};
-
+module.exports = __WEBPACK_EXTERNAL_MODULE__48__;
 
 /***/ }),
 
@@ -3584,14 +3052,7 @@ if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
 
 /***/ }),
 
-/***/ 51:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__51__;
-
-/***/ }),
-
-/***/ 55:
+/***/ 52:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_RESULT__;/* Modified from https://github.com/taylorhakes/fecha
@@ -3962,7 +3423,7 @@ var __WEBPACK_AMD_DEFINE_RESULT__;/* Modified from https://github.com/taylorhake
 
 /***/ }),
 
-/***/ 58:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/helpers/slicedToArray");
@@ -3976,24 +3437,10 @@ module.exports = require("babel-runtime/core-js/object/assign");
 
 /***/ }),
 
-/***/ 62:
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(83);
-if(typeof content === 'string') content = [[module.i, content, '']];
-// Prepare cssTransformation
-var transform;
+/***/ 67:
+/***/ (function(module, exports) {
 
-var options = {}
-options.transform = transform
-// add the styles to the DOM
-var update = __webpack_require__(48)(content, options);
-if(content.locals) module.exports = content.locals;
-// Hot Module Replacement
-if(false) {}
+module.exports = __WEBPACK_EXTERNAL_MODULE__67__;
 
 /***/ }),
 
@@ -4004,13 +3451,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__68__;
 
 /***/ }),
 
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__69__;
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, exports) {
 
@@ -4025,40 +3465,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8__;
 
 /***/ }),
 
-/***/ 82:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_quarter_vue_vue_type_style_index_0_id_76a5899a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(62);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_quarter_vue_vue_type_style_index_0_id_76a5899a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_quarter_vue_vue_type_style_index_0_id_76a5899a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ 83:
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(47)(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 可以在这里添加一些基本样式，或者统一在 mds-ui/components/datepicker/style/index.js 中引入 */\n.mds-quarter-panel[data-v-76a5899a] {\n  padding: 15px;\n  background-color: #fff;\n  border: 1px solid #e4e7ed;\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n}\n.mds-quarter-panel__header[data-v-76a5899a] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n  font-weight: bold;\n}\n.mds-quarter-panel__header button[data-v-76a5899a] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 16px;\n  color: #606266;\n}\n.mds-quarter-panel__header button[data-v-76a5899a]:hover {\n  color: #409eff;\n}\n.mds-quarter-panel__body[data-v-76a5899a] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr); /* 两列布局 */\n  gap: 10px;\n  text-align: center;\n}\n.mds-quarter-panel__quarter[data-v-76a5899a] {\n  padding: 15px 0;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  font-size: 14px;\n}\n.mds-quarter-panel__quarter[data-v-76a5899a]:hover {\n  background-color: #f0f0f0;\n}\n.mds-quarter-panel__quarter.is-selected[data-v-76a5899a] {\n  background-color: #409eff; /* Element UI primary color */\n  color: white;\n}\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/typeof");
-
-/***/ }),
-
-/***/ 91:
+/***/ 88:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4066,13 +3473,13 @@ module.exports = require("babel-runtime/helpers/typeof");
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./components/style/index.less
-var components_style = __webpack_require__(145);
+var components_style = __webpack_require__(142);
 
 // EXTERNAL MODULE: ./components/datepicker/style/index.less
-var datepicker_style = __webpack_require__(179);
+var datepicker_style = __webpack_require__(176);
 
 // EXTERNAL MODULE: ./components/datepicker/style/transition.less
-var transition = __webpack_require__(181);
+var transition = __webpack_require__(178);
 
 // CONCATENATED MODULE: ./components/datepicker/style/index.js
 
@@ -4294,14 +3701,14 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
 var dateUtil_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./components/_util/_popper/vue-popper.js + 1 modules
-var vue_popper = __webpack_require__(18);
+var vue_popper = __webpack_require__(17);
 
 // EXTERNAL MODULE: external "./_mixin/emitter"
 var emitter_ = __webpack_require__(13);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 // EXTERNAL MODULE: external "./input"
-var external_input_ = __webpack_require__(17);
+var external_input_ = __webpack_require__(18);
 var external_input_default = /*#__PURE__*/__webpack_require__.n(external_input_);
 
 // EXTERNAL MODULE: external "./icon"
@@ -4309,11 +3716,11 @@ var external_icon_ = __webpack_require__(7);
 var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
 // EXTERNAL MODULE: external "./_util/merge"
-var merge_ = __webpack_require__(51);
+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"
@@ -4449,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);
@@ -4577,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 = {
@@ -4711,6 +4143,10 @@ var pickervue_type_script_lang_js_validator = function validator(val) {
     validateEvent: {
       type: Boolean,
       default: true
+    },
+    pickerType: {
+      type: String,
+      default: 'date'
     }
   },
 
@@ -4825,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';
@@ -5039,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);
@@ -5135,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;
@@ -5147,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;
       });
@@ -5183,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);
@@ -5195,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) {
@@ -5216,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) {
@@ -5242,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;
     }
   }
 });
@@ -5318,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(
@@ -5436,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
               ),
             ]),
           ]),
@@ -5538,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",
@@ -5875,7 +5389,7 @@ time_spinnervue_type_template_id_79c97ebf_render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/base/time-spinner.vue?vue&type=template&id=79c97ebf&
 
 // EXTERNAL MODULE: ./components/_util/date.js
-var _util_date = __webpack_require__(55);
+var _util_date = __webpack_require__(52);
 var date_default = /*#__PURE__*/__webpack_require__.n(_util_date);
 
 // CONCATENATED MODULE: ./components/_util/dateUtil.js
@@ -6185,7 +5699,7 @@ var validateRangeInOneMonth = function validateRangeInOneMonth(start, end) {
 var scroll_bar = __webpack_require__(27);
 
 // EXTERNAL MODULE: external "./_util/repeatClick"
-var repeatClick_ = __webpack_require__(68);
+var repeatClick_ = __webpack_require__(67);
 var repeatClick_default = /*#__PURE__*/__webpack_require__.n(repeatClick_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/base/time-spinner.vue?vue&type=script&lang=js&
@@ -6886,7 +6400,7 @@ year_tablevue_type_template_id_aa64ca38_render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/base/year-table.vue?vue&type=template&id=aa64ca38&
 
 // EXTERNAL MODULE: external "./_util/dom"
-var dom_ = __webpack_require__(69);
+var dom_ = __webpack_require__(68);
 
 // EXTERNAL MODULE: external "./_util/util"
 var util_ = __webpack_require__(21);
@@ -7988,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&
 
 //
@@ -8141,6 +7937,22 @@ date_table_component.options.__file = "components/datepicker/base/date-table.vue
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -8158,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: {
@@ -8469,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() {
@@ -9067,7 +8890,7 @@ date_rangevue_type_template_id_6eca7cf8_render._withStripped = true
 // CONCATENATED MODULE: ./components/datepicker/range/date-range.vue?vue&type=template&id=6eca7cf8&
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/slicedToArray"
-var slicedToArray_ = __webpack_require__(58);
+var slicedToArray_ = __webpack_require__(57);
 var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray_);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/datepicker/picker/datetime-select.vue?vue&type=template&id=5b910c15&
@@ -10844,192 +10667,6 @@ var month_range_component = Object(componentNormalizer["a" /* default */])(
 if (false) { var month_range_api; }
 month_range_component.options.__file = "components/datepicker/range/month-range.vue"
 /* harmony default export */ var month_range = (month_range_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&scoped=true&
-var quartervue_type_template_id_76a5899a_scoped_true_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "mds-quarter-panel" }, [
-    _c("div", { staticClass: "mds-quarter-panel__header" }, [
-      _c("button", { on: { click: _vm.prevYear } }, [_vm._v("<< 上一年")]),
-      _c("span", [_vm._v(_vm._s(_vm.currentYear))]),
-      _c("button", { on: { click: _vm.nextYear } }, [_vm._v("下一年 >>")]),
-    ]),
-    _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) },
-            ],
-            on: {
-              click: function ($event) {
-                return _vm.selectQuarter(quarter)
-              },
-            },
-          },
-          [_vm._v("\n      " + _vm._s(quarter.label) + "\n    ")]
-        )
-      }),
-      0
-    ),
-  ])
-}
-var quartervue_type_template_id_76a5899a_scoped_true_staticRenderFns = []
-quartervue_type_template_id_76a5899a_scoped_true_render._withStripped = true
-
-
-// CONCATENATED MODULE: ./components/datepicker/picker/quarter.vue?vue&type=template&id=76a5899a&scoped=true&
-
-// 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&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-// 假设 MdsDatePicker 的 Picker Mixin 会传入 'value' 和 'date' prop，并期望通过 'pick' 事件返回 Date 对象
-// 请根据实际 mds-ui 内部使用的日期库进行调整 (如 Moment.js, Day.js 等)
-// 此处示例使用原生 Date 对象
-
-/* harmony default export */ var quartervue_type_script_lang_js_ = ({
-  name: 'QuarterPanel',
-  props: {
-    // v-model 绑定的值，可能是一个 Date 对象 (代表季度第一天) 或 'YYYY-QQ' 字符串
-    value: {
-      type: [Date, String],
-      default: null
-    },
-    // Picker Mixin 传入的当前显示日期，用于初始化面板的年份
-    date: {
-      type: Date,
-      default: function _default() {
-        return new Date();
-      }
-    }
-  },
-  data: function data() {
-    return {
-      currentYear: new Date().getFullYear() // 当前面板显示的年份
-    };
-  },
-
-  computed: {
-    quarters: function quarters() {
-      // 生成当前年份的四个季度数据
-      return [{ label: 'Q1', value: 1, startMonth: 0, endMonth: 2 }, // Jan-Mar
-      { label: 'Q2', value: 2, startMonth: 3, endMonth: 5 }, // Apr-Jun
-      { label: 'Q3', value: 3, startMonth: 6, endMonth: 8 }, // Jul-Sep
-      { label: 'Q4', value: 4, startMonth: 9, endMonth: 11 // Oct-Dec
-      }];
-    }
-  },
-  watch: {
-    // 监听传入的 date prop，更新面板显示的年份
-    date: {
-      immediate: true,
-      handler: function handler(newDate) {
-        if (newDate instanceof Date && !isNaN(newDate)) {
-          this.currentYear = newDate.getFullYear();
-        }
-      }
-    },
-    // 监听传入的 value prop，更新选中状态
-    value: {
-      immediate: true,
-      handler: function handler(newValue) {
-        // 当 value 变化时，确保 currentYear 与选中值匹配，以便面板正确显示选中状态
-        if (newValue instanceof Date && !isNaN(newValue)) {
-          this.currentYear = newValue.getFullYear();
-        }
-      }
-    }
-  },
-  methods: {
-    // 切换到上一年
-    prevYear: function prevYear() {
-      this.currentYear--;
-      // 触发 'pick' 事件，通知 Picker Mixin 更新内部日期
-      // 传递一个代表新年份开始的 Date 对象
-      this.$emit('pick', new Date(this.currentYear, 0, 1));
-    },
-
-    // 切换到下一年
-    nextYear: function nextYear() {
-      this.currentYear++;
-      // 触发 'pick' 事件
-      this.$emit('pick', new Date(this.currentYear, 0, 1));
-    },
-
-    // 选择某个季度
-    selectQuarter: function selectQuarter(quarter) {
-      // 构造代表选中季度第一天的 Date 对象
-      var selectedDate = new Date(this.currentYear, quarter.startMonth, 1);
-      // 触发 'pick' 事件，将选中的日期传回 Picker Mixin
-      this.$emit('pick', selectedDate);
-    },
-
-    // 判断季度是否被选中
-    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;
-    }
-  }
-});
-// 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_); 
-// EXTERNAL MODULE: ./components/datepicker/picker/quarter.vue?vue&type=style&index=0&id=76a5899a&scoped=true&lang=css&
-var quartervue_type_style_index_0_id_76a5899a_scoped_true_lang_css_ = __webpack_require__(82);
-
-// 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_scoped_true_render,
-  quartervue_type_template_id_76a5899a_scoped_true_staticRenderFns,
-  false,
-  null,
-  "76a5899a",
-  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: ./components/datepicker/picker/index.js
 
 
@@ -11091,6 +10728,13 @@ datepicker_picker.install = function (Vue) {
 };
 /* harmony default export */ var datepicker = __webpack_exports__["default"] = (datepicker_picker);
 
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__9__;
+
 /***/ })
 
 /******/ });