@mdsfe/mds-ui 0.2.11-rc.8 → 0.3.0-1

package/dist/timepicker.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"), require("./icon"), require("./_util/proptype"), require("./transition"), require("./_mixin/emitter"), require("./button"));
+		module.exports = factory(require("vue"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./transition"), require("./_mixin/emitter"), require("./button"));
 	else if(typeof define === 'function' && define.amd)
-		define(["vue", "./icon", "./_util/proptype", "./transition", "./_mixin/emitter", "./button"], factory);
+		define(["vue", "./icon", "./_util/proptype", "./_mixin/locale", "./transition", "./_mixin/emitter", "./button"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("vue"), require("./icon"), require("./_util/proptype"), require("./transition"), require("./_mixin/emitter"), require("./button")) : factory(root["Vue"], root["./icon"], root["./_util/proptype"], root["./transition"], root["./_mixin/emitter"], root["./button"]);
+		var a = typeof exports === 'object' ? factory(require("vue"), require("./icon"), require("./_util/proptype"), require("./_mixin/locale"), require("./transition"), require("./_mixin/emitter"), require("./button")) : factory(root["Vue"], root["./icon"], root["./_util/proptype"], root["./_mixin/locale"], root["./transition"], root["./_mixin/emitter"], root["./button"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__11__, __WEBPACK_EXTERNAL_MODULE__12__, __WEBPACK_EXTERNAL_MODULE__13__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__10__, __WEBPACK_EXTERNAL_MODULE__12__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__) {
 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 = 92);
+/******/ 	return __webpack_require__(__webpack_require__.s = 95);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -495,14 +495,14 @@ function getScrollBarWidth() {
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("babel-runtime/core-js/object/keys");
+module.exports = __WEBPACK_EXTERNAL_MODULE__10__;
 
 /***/ }),
 
 /***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__11__;
+module.exports = require("babel-runtime/core-js/object/keys");
 
 /***/ }),
 
@@ -520,14 +520,21 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__13__;
 
 /***/ }),
 
-/***/ 139:
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
+
+/***/ }),
+
+/***/ 142:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -752,20 +759,234 @@ var scrollBarWidth = void 0;
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export noop */
+/* unused harmony export getOffsetLeft */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getValueByPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return valueEquals; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return arrayFindIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return arrayFind; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return coerceTruthyValueToArray; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isIE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isEdge; });
+/* unused harmony export isFirefox */
+/* unused harmony export assert */
+/* unused harmony export escapeRegexpString */
+/* unused harmony export getOffsetWidth */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isFunction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return fixBodyScroll; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return hasOwn; });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+
+
+// import { getScrollBarWidth } from './_popper/dom-helper'
+var currentBodyOverflow = '';
+// let currentBodyPaddingRight = ''
+var noop = function noop() {};
+
+var getScroll = function getScroll(w, top) {
+  var ret = top ? w.pageYOffset : w.pageXOffset;
+  var method = top ? 'scrollTop' : 'scrollLeft';
+  if (typeof ret !== 'number') {
+    var d = w.document;
+    // ie6,7,8 standard mode
+    ret = d.documentElement[method];
+    if (typeof ret !== 'number') {
+      // quirks mode
+      ret = d.body[method];
+    }
+  }
+  return ret;
+};
+
+var getClientPosition = function getClientPosition(elem) {
+  var box = void 0;
+  var x = void 0;
+  var y = void 0;
+  var doc = elem.ownerDocument;
+  var body = doc.body;
+  var docElem = doc && doc.documentElement;
+  box = elem.getBoundingClientRect();
+  x = box.left;
+  y = box.top;
+  x -= docElem.clientLeft || body.clientLeft || 0;
+  y -= docElem.clientTop || body.clientTop || 0;
+  return {
+    left: x,
+    top: y
+  };
+};
+
+var getOffsetLeft = function getOffsetLeft(el) {
+  var pos = getClientPosition(el);
+  var doc = el.ownerDocument;
+  var w = doc.defaultView || doc.parentWindow;
+  pos.left += getScroll(w);
+  return pos.left;
+};
+/**
+ *  获取对象深层级的对象，避免循环
+ * @export
+ * @param {*} sourceObj 源对象 {a:{b:{d:1}}}
+ * @param {*} pathName  path组成的数组 例如：'a.b.c'
+ * @param {*} defaultValue 如果没有值默认的值 []
+ */
+function getValueByPath(sourceObj, pathName, defaultValue) {
+  var getValue = function getValue(sourceObj, pathNameArray) {
+    var key = pathNameArray.shift();
+    var value = sourceObj[key];
+    if (value === undefined || value === null) {
+      return defaultValue;
+    } else if (pathNameArray.length === 0) {
+      return value;
+    } else if (pathNameArray.length > 0) {
+      return getValue(value, pathNameArray);
+    }
+  };
+  var pathNameArray = pathName.split('.');
+  return getValue(sourceObj, pathNameArray);
+}
+/**
+ *
+ * 判断两个数是否相等
+ * @param {*} a
+ * @param {*} b
+ * @returns
+ */
+var valueEquals = function valueEquals(a, b) {
+  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
+  if (a === b) return true;
+  if (!(a instanceof Array)) return false;
+  if (!(b instanceof Array)) return false;
+  if (a.length !== b.length) return false;
+  for (var i = 0; i !== a.length; ++i) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+};
+// TODO: use native Array.find, Array.findIndex when IE support is dropped
+var arrayFindIndex = function arrayFindIndex(arr, pred) {
+  for (var i = 0; i !== arr.length; ++i) {
+    if (pred(arr[i])) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+var arrayFind = function arrayFind(arr, pred) {
+  var idx = arrayFindIndex(arr, pred);
+  return idx !== -1 ? arr[idx] : undefined;
+};
+
+// coerce truthy value to array
+var coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
+  if (Array.isArray(val)) {
+    return val;
+  } else if (val) {
+    return [val];
+  } else {
+    return [];
+  }
+};
+
+var isIE = function isIE() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !isNaN(Number(document.documentMode));
+};
+
+var isEdge = function isEdge() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
+};
+
+var isFirefox = function isFirefox() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+};
+
+var assert = function assert(condition, msg) {
+  if (!condition) throw new Error('[mds-ui] ' + msg);
+};
+/**
+ *
+ * 特殊字符转译
+ * @param {string} [value='']
+ */
+var escapeRegexpString = function escapeRegexpString() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+};
+/**
+ * Get element offset width
+ * @param {*} node HTMLDOMElemment
+ * @return {Number} width
+ */
+/**
+ * Get element offset width
+ * @param {*} node HTMLDOMElemment
+ * @return {Number} width
+ */
+var getOffsetWidth = function getOffsetWidth(node) {
+  return node ? node.offsetWidth : 0;
+};
+
+/** 判断是否为函数
+ * @param {*} functionToCheck
+ * @returns
+ */
+var isFunction = function isFunction(functionToCheck) {
+  var getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+
+/**
+ * 弹窗类组件显现时修正body滚动
+ * @param {Boolean} visible 弹窗显现状态
+ */
+function fixBodyScroll(visible) {
+  var bodyStyle = document.body.style;
+  if (visible) {
+    currentBodyOverflow = bodyStyle.overflow;
+    // currentBodyPaddingRight = bodyStyle.paddingRight
+    bodyStyle.overflow = 'hidden';
+    // const basePaddingRight = parseInt(currentBodyPaddingRight || 0)
+    // const baseScrollWidth = parseInt(getScrollBarWidth())
+    // 防止页面抖动，后续需要自定义滚动条解决
+    // bodyStyle.paddingRight = basePaddingRight + baseScrollWidth + 'px'
+  } else {
+    var timer = setTimeout(function () {
+      clearTimeout(timer);
+      bodyStyle.overflow = currentBodyOverflow;
+      // bodyStyle.paddingRight = currentBodyPaddingRight
+      // currentBodyPaddingRight = ''
+    }, 180);
+  }
+}
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+function hasOwn(obj, key) {
+  return hasOwnProperty.call(obj, key);
+}
+
+/***/ }),
+
+/***/ 18:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
 // EXTERNAL MODULE: ./components/_util/_popper/popup/popup-main.js
-var popup_main = __webpack_require__(14);
+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__(18);
+var get_own_property_descriptor_ = __webpack_require__(19);
 var get_own_property_descriptor_default = /*#__PURE__*/__webpack_require__.n(get_own_property_descriptor_);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/object/keys"
-var keys_ = __webpack_require__(10);
+var keys_ = __webpack_require__(11);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/object/assign"
@@ -2224,7 +2445,7 @@ var stop = function stop(e) {
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/core-js/object/get-own-property-descriptor");
@@ -2238,7 +2459,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
 /***/ }),
 
-/***/ 21:
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2483,11 +2704,11 @@ var isInContainer = function isInContainer(el, container) {
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var mds_ui_transition__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
+/* harmony import */ var mds_ui_transition__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
 /* harmony import */ var mds_ui_transition__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(mds_ui_transition__WEBPACK_IMPORTED_MODULE_0__);
 
 
@@ -2519,7 +2740,7 @@ var placementMap = {
 
 /***/ }),
 
-/***/ 234:
+/***/ 237:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
@@ -2546,7 +2767,7 @@ module.exports = require("babel-runtime/helpers/defineProperty");
 "use strict";
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
 
 
 
@@ -2620,6 +2841,279 @@ function createDocumentHandler(el, binding, vnode) {
 
 /***/ }),
 
+/***/ 46:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ t; });
+
+// UNUSED EXPORTS: use, i18n
+
+// EXTERNAL MODULE: external "babel-runtime/core-js/object/get-prototype-of"
+var get_prototype_of_ = __webpack_require__(49);
+var get_prototype_of_default = /*#__PURE__*/__webpack_require__.n(get_prototype_of_);
+
+// CONCATENATED MODULE: ./components/_locale/lang/zh-CN.js
+/* harmony default export */ var zh_CN = ({
+  mds: {
+    colorpicker: {
+      confirm: '确定',
+      clear: '清空'
+    },
+    timepicker: {
+      placeholder: '请选择时间',
+      startTime: '开始时间',
+      endTime: '结束时间'
+    },
+    datepicker: {
+      now: '此刻',
+      today: '今天',
+      cancel: '取消',
+      clear: '清空',
+      confirm: '确定',
+      selectDate: '选择日期',
+      selectTime: '选择时间',
+      startDate: '开始日期',
+      startTime: '开始时间',
+      endDate: '结束日期',
+      endTime: '结束时间',
+      prevYear: '前一年',
+      nextYear: '后一年',
+      prevMonth: '上个月',
+      nextMonth: '下个月',
+      year: '年',
+      month1: '1 月',
+      month2: '2 月',
+      month3: '3 月',
+      month4: '4 月',
+      month5: '5 月',
+      month6: '6 月',
+      month7: '7 月',
+      month8: '8 月',
+      month9: '9 月',
+      month10: '10 月',
+      month11: '11 月',
+      month12: '12 月',
+      // week: '周次',
+      weeks: {
+        sun: '日',
+        mon: '一',
+        tue: '二',
+        wed: '三',
+        thu: '四',
+        fri: '五',
+        sat: '六'
+      },
+      months: {
+        jan: '一月',
+        feb: '二月',
+        mar: '三月',
+        apr: '四月',
+        may: '五月',
+        jun: '六月',
+        jul: '七月',
+        aug: '八月',
+        sep: '九月',
+        oct: '十月',
+        nov: '十一月',
+        dec: '十二月'
+      }
+    },
+    select: {
+      loading: '加载中',
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      placeholder: '请选择'
+    },
+    cascader: {
+      emptyText: '没有找到相关结果',
+      noMatch: '无匹配数据',
+      loading: '加载中',
+      placeholder: '请选择',
+      filterPlaceholder: '请输入搜索',
+      noData: '暂无数据'
+    },
+    pagination: {
+      goto: '前往',
+      placeholder: '请选择',
+      pagesize: '条/页',
+      total: '共 {total} 条',
+      pageClassifier: '页'
+    },
+    messagebox: {
+      title: '提示',
+      confirm: '确定',
+      cancel: '取消',
+      error: '输入的数据不合法!'
+    },
+    upload: {
+      deleteTip: '按 delete 键可删除',
+      delete: '删除',
+      preview: '查看图片',
+      uploadFileText: '上传文件',
+      uploadPhotoText: '上传图片',
+      uploadDescText: '将文件拖拽到此处, 或',
+      uploadClickText: '点击上传',
+      continue: '继续上传'
+    },
+    table: {
+      loadText: '加载中',
+      emptyText: '暂无数据',
+      confirmFilter: '筛选',
+      resetFilter: '重置',
+      clearFilter: '全部'
+    },
+    tree: {
+      emptyText: '暂无数据'
+    },
+    transfer: {
+      noMatch: '无匹配数据',
+      noData: '无数据',
+      titles: ['列表 1', '列表 2'],
+      filterPlaceholder: '请输入搜索内容',
+      noCheckedFormat: '共 {total} 项',
+      hasCheckedFormat: '已选 {checked}/{total} 项'
+    },
+    image: {
+      error: '加载失败'
+    },
+    pageHeader: {
+      title: '返回'
+    },
+    popconfirm: {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消'
+    },
+    modal: {
+      cancelText: '取消',
+      confirmText: '确定'
+    },
+    empty: {
+      description: '暂无数据'
+    }
+  }
+});
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(2);
+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 "deepmerge"
+var external_deepmerge_ = __webpack_require__(50);
+var external_deepmerge_default = /*#__PURE__*/__webpack_require__.n(external_deepmerge_);
+
+// EXTERNAL MODULE: external "babel-runtime/helpers/typeof"
+var typeof_ = __webpack_require__(9);
+var typeof_default = /*#__PURE__*/__webpack_require__.n(typeof_);
+
+// EXTERNAL MODULE: ./components/_util/util.js
+var util = __webpack_require__(16);
+
+// CONCATENATED MODULE: ./components/_locale/format.js
+
+
+
+var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+
+/* harmony default export */ var format = (function (Vue) {
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+  function template(string) {
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length === 1 && typeof_default()(args[0]) === 'object') {
+      args = args[0];
+    }
+
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
+
+    return string.replace(RE_NARGS, function (match, prefix, i, index) {
+      var result = void 0;
+
+      if (string[index - 1] === '{' && string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = Object(util["f" /* hasOwn */])(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
+        }
+
+        return result;
+      }
+    });
+  }
+
+  return template;
+});
+// CONCATENATED MODULE: ./components/_locale/index.js
+
+
+
+
+
+
+var _locale_format = format(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a);
+var lang = zh_CN;
+var merged = false;
+
+var _locale_i18nHandler = function i18nHandler() {
+  var vuei18n = get_prototype_of_default()(this || external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a).$t;
+  if (typeof vuei18n === 'function' && !!external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.locale) {
+    if (!merged) {
+      merged = true;
+      external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.locale(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.config.lang, external_deepmerge_default()(lang, external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.locale(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.config.lang) || {}, { clone: true }));
+    }
+    return vuei18n.apply(this, arguments);
+  }
+};
+
+var t = function t(path, options) {
+  var value = _locale_i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+
+  var array = path.split('.');
+  var current = lang;
+
+  for (var i = 0, j = array.length; i < j; i++) {
+    var property = array[i];
+    value = current[property];
+    if (i === j - 1) return _locale_format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+
+var use = function use(l) {
+  lang = l || lang;
+};
+
+var i18n = function i18n(fn) {
+  _locale_i18nHandler = fn || _locale_i18nHandler;
+};
+
+/* harmony default export */ var _locale = ({ use: use, t: t, i18n: i18n });
+
+/***/ }),
+
+/***/ 49:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/get-prototype-of");
+
+/***/ }),
+
 /***/ 5:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -2826,6 +3320,13 @@ if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
 
 /***/ }),
 
+/***/ 50:
+/***/ (function(module, exports) {
+
+module.exports = require("deepmerge");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, exports) {
 
@@ -2854,7 +3355,7 @@ module.exports = require("babel-runtime/helpers/typeof");
 
 /***/ }),
 
-/***/ 92:
+/***/ 95:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2862,10 +3363,10 @@ module.exports = require("babel-runtime/helpers/typeof");
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./components/style/index.less
-var style = __webpack_require__(139);
+var style = __webpack_require__(142);
 
 // EXTERNAL MODULE: ./components/timepicker/style/index.less
-var timepicker_style = __webpack_require__(234);
+var timepicker_style = __webpack_require__(237);
 
 // CONCATENATED MODULE: ./components/timepicker/style/index.js
 
@@ -2882,10 +3383,10 @@ var external_moment_ = __webpack_require__(29);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: ./components/_util/_popper/popper-mixin.js
-var popper_mixin = __webpack_require__(22);
+var popper_mixin = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./components/_util/_popper/vue-popper.js + 1 modules
-var vue_popper = __webpack_require__(17);
+var vue_popper = __webpack_require__(18);
 
 // CONCATENATED MODULE: ./components/timepicker/lazyMode.js
 /* harmony default export */ var lazyMode = ({
@@ -3523,6 +4024,9 @@ var combobox_component = Object(componentNormalizer["a" /* default */])(
 if (false) { var combobox_api; }
 combobox_component.options.__file = "components/timepicker/combobox.vue"
 /* harmony default export */ var combobox = (combobox_component.exports);
+// EXTERNAL MODULE: ./components/_locale/index.js + 2 modules
+var _locale = __webpack_require__(46);
+
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/panel.vue?vue&type=script&lang=js&
 //
 
@@ -3530,6 +4034,7 @@ combobox_component.options.__file = "components/timepicker/combobox.vue"
 
 
 
+
 var generateOptions = function generateOptions(length, disabledOptions, hideDisabledOptions) {
   var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
 
@@ -3569,7 +4074,13 @@ var isAM = function isAM(value) {
     use12Hours: Boolean,
     allowEmpty: Boolean,
     value: null,
-    step: Number
+    step: Number,
+    startTime: {
+      type: String
+    },
+    endTime: {
+      type: String
+    }
   },
   components: {
     MdsPickerHeader: header,
@@ -3585,6 +4096,14 @@ var isAM = function isAM(value) {
     };
   },
 
+  computed: {
+    displayStartTime: function displayStartTime() {
+      return this.startTime || Object(_locale["a" /* t */])('mds.timepicker.startTime');
+    },
+    displayEndTime: function displayEndTime() {
+      return this.endTime || Object(_locale["a" /* t */])('mds.timepicker.endTime');
+    }
+  },
   methods: {
     handleChange: function handleChange(value, index) {
       if (typeof index === 'number' && this.isRange) {
@@ -3841,11 +4360,11 @@ var isAM = function isAM(value) {
             [h(
               'div',
               { 'class': _this.prefixCls + '-picker-box-half' },
-              [h('h2', ['\u5F00\u59CB\u65F6\u95F4']), getPickerCombobox(_this.value[0], _this.value[1], 0)]
+              [h('h2', [_this.displayStartTime]), getPickerCombobox(_this.value[0], _this.value[1], 0)]
             ), h(
               'div',
               { 'class': _this.prefixCls + '-picker-box-half' },
-              [h('h2', ['\u7ED3\u675F\u65F6\u95F4']), getPickerCombobox(_this.value[1], _this.value[0], 1)]
+              [h('h2', [_this.displayEndTime]), getPickerCombobox(_this.value[1], _this.value[0], 1)]
             )]
           ), getPickerBottom()]
         );
@@ -3897,17 +4416,21 @@ var clickoutside = __webpack_require__(37);
 var proptype_ = __webpack_require__(8);
 
 // EXTERNAL MODULE: external "./transition"
-var external_transition_ = __webpack_require__(11);
+var external_transition_ = __webpack_require__(12);
 var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_transition_);
 
 // EXTERNAL MODULE: external "./button"
-var external_button_ = __webpack_require__(13);
+var external_button_ = __webpack_require__(14);
 var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
 // EXTERNAL MODULE: external "./_mixin/emitter"
-var emitter_ = __webpack_require__(12);
+var emitter_ = __webpack_require__(13);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
+// EXTERNAL MODULE: external "./_mixin/locale"
+var locale_ = __webpack_require__(10);
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
+
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/time-picker.vue?vue&type=script&lang=js&
 
 
@@ -3924,6 +4447,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 
 
+
 function generateShowHourMinuteSecond(format) {
   // Ref: http://momentjs.com/docs/#/parsing/string-format/
   return {
@@ -3935,7 +4459,7 @@ function generateShowHourMinuteSecond(format) {
 
 /* harmony default export */ var time_pickervue_type_script_lang_js_ = ({
   name: 'MdsTimePicker',
-  mixins: [vue_popper["a" /* default */], popper_mixin["a" /* default */], emitter_default.a, lazyMode],
+  mixins: [vue_popper["a" /* default */], popper_mixin["a" /* default */], emitter_default.a, lazyMode, locale_default.a],
   directives: { Clickoutside: clickoutside["a" /* default */] },
   model: {
     event: 'change'
@@ -4029,16 +4553,13 @@ function generateShowHourMinuteSecond(format) {
       default: 'bottomLeft'
     },
     placeholder: {
-      type: String,
-      default: '请选择时间'
+      type: String
     },
     startPlaceholder: {
-      type: String,
-      default: '开始时间'
+      type: String
     },
     endPlaceholder: {
-      type: String,
-      default: '结束时间'
+      type: String
     },
     popupClassName: {
       type: String,
@@ -4098,6 +4619,15 @@ function generateShowHourMinuteSecond(format) {
     },
     displayClear: function displayClear() {
       return this.inputHover && this.realMomentValue;
+    },
+    propPlaceholder: function propPlaceholder() {
+      return typeof this.placeholder !== 'undefined' ? this.placeholder : this.t('mds.timepicker.placeholder');
+    },
+    displayStartTime: function displayStartTime() {
+      return this.startPlaceholder || this.t('mds.timepicker.startTime');
+    },
+    displayEndTime: function displayEndTime() {
+      return this.endPlaceholder || this.t('mds.timepicker.endTime');
     }
   },
   created: function created() {
@@ -4314,7 +4844,7 @@ function generateShowHourMinuteSecond(format) {
               format: this.defaultFormat,
               hideDisabledOptions: this.hideDisabledOptions,
               prefixCls: this.prefixCls + '-panel',
-              placeholder: this.placeholder,
+              placeholder: this.propPlaceholder,
               showHour: showHour,
               showMinute: showMinute,
               showSecond: showSecond,
@@ -4342,7 +4872,7 @@ function generateShowHourMinuteSecond(format) {
             ref: 'inputF',
             'class': _this2.prefixCls + '-input ' + _this2.prefixCls + '-box-half',
             attrs: { disabled: _this2.disabled,
-              placeholder: _this2.startPlaceholder
+              placeholder: _this2.displayStartTime
             },
             domProps: {
               'value': _this2.realMomentValue[0] && _this2.realMomentValue[0].format(_this2.defaultFormat) || ''
@@ -4355,7 +4885,7 @@ function generateShowHourMinuteSecond(format) {
             ref: 'inputS',
             'class': _this2.prefixCls + '-input ' + _this2.prefixCls + '-box-half',
             attrs: { disabled: _this2.disabled,
-              placeholder: _this2.endPlaceholder
+              placeholder: _this2.displayEndTime
             },
             domProps: {
               'value': _this2.realMomentValue[1] && _this2.realMomentValue[1].format(_this2.defaultFormat) || ''
@@ -4367,7 +4897,7 @@ function generateShowHourMinuteSecond(format) {
           ref: 'input',
           'class': _this2.prefixCls + '-input',
           attrs: { disabled: _this2.disabled,
-            placeholder: _this2.placeholder
+            placeholder: _this2.propPlaceholder
           },
           domProps: {
             'value': _this2.realMomentValue && _this2.realMomentValue.format(_this2.defaultFormat) || ''