@mdsfe/mds-ui 0.2.0

package/dist/timepicker.js

@@ -0,0 +1,1567 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("./_util/proptype"), require("./icon"), require("vue"), require("./_mixin/emitter"), require("./transition"), require("./_mixin/popper"));
+	else if(typeof define === 'function' && define.amd)
+		define(["./_util/proptype", "./icon", "vue", "./_mixin/emitter", "./transition", "./_mixin/popper"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("./_util/proptype"), require("./icon"), require("vue"), require("./_mixin/emitter"), require("./transition"), require("./_mixin/popper")) : factory(root["./_util/proptype"], root["./icon"], root["Vue"], root["./_mixin/emitter"], root["./transition"], root["./_mixin/popper"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__3__, __WEBPACK_EXTERNAL_MODULE__4__, __WEBPACK_EXTERNAL_MODULE__5__, __WEBPACK_EXTERNAL_MODULE__6__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__44__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 87);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/defineProperty");
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__13__;
+
+/***/ }),
+
+/***/ 131:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 223:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 29:
+/***/ (function(module, exports) {
+
+module.exports = require("moment");
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3__;
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__4__;
+
+/***/ }),
+
+/***/ 44:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__44__;
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__5__;
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__6__;
+
+/***/ }),
+
+/***/ 87:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./components/style/index.less
+var style = __webpack_require__(131);
+
+// EXTERNAL MODULE: ./components/timepicker/style/index.less
+var timepicker_style = __webpack_require__(223);
+
+// CONCATENATED MODULE: ./components/timepicker/style/index.js
+
+
+
+// style dependencies
+// import '../../input/style'
+// EXTERNAL MODULE: external "babel-runtime/helpers/defineProperty"
+var defineProperty_ = __webpack_require__(1);
+var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
+
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(5);
+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 "moment"
+var external_moment_ = __webpack_require__(29);
+var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
+
+// EXTERNAL MODULE: external "./_mixin/popper"
+var popper_ = __webpack_require__(44);
+var popper_default = /*#__PURE__*/__webpack_require__.n(popper_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/header.vue?vue&type=template&id=94a41d54&
+var headervue_type_template_id_94a41d54_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: [
+        _vm.prefixCls + "-input-wrap",
+        _vm.prefixCls + "-input-wrap-" + _vm.size,
+      ],
+    },
+    [
+      _vm.isRange
+        ? [
+            _c("div", { class: [this.prefixCls + "-box"] }, [
+              _c("input", {
+                class: [
+                  _vm.prefixCls + "-input",
+                  _vm.prefixCls + "-input-half",
+                  _vm.invalid ? _vm.prefixCls + "-input-invalid" : "",
+                ],
+                attrs: { readonly: "", placeholder: _vm.placeholder },
+                domProps: {
+                  value:
+                    (_vm.value[0] && _vm.value[0].format(this.format)) || "",
+                },
+              }),
+              _c("span", { class: [this.prefixCls + "-box-span"] }, [
+                _vm._v("-"),
+              ]),
+              _c("input", {
+                class: [
+                  _vm.prefixCls + "-input",
+                  _vm.prefixCls + "-input-half",
+                  _vm.invalid ? _vm.prefixCls + "-input-invalid" : "",
+                ],
+                attrs: { readonly: "", placeholder: _vm.placeholder },
+                domProps: {
+                  value:
+                    (_vm.value[1] && _vm.value[1].format(this.format)) || "",
+                },
+              }),
+            ]),
+          ]
+        : [
+            _c("input", {
+              class: [
+                _vm.prefixCls + "-input",
+                _vm.invalid ? _vm.prefixCls + "-input-invalid" : "",
+              ],
+              attrs: { readonly: "", placeholder: _vm.placeholder },
+              domProps: {
+                value: (_vm.value && _vm.value.format(this.format)) || "",
+              },
+            }),
+          ],
+      _c(
+        "div",
+        {
+          class: _vm.prefixCls + "-clear-btn",
+          on: { click: _vm.handleClearClick },
+        },
+        [
+          _vm.allowEmpty
+            ? _c("mds-icon", {
+                attrs: { title: _vm.clearText, type: "line-close" },
+              })
+            : _vm._e(),
+        ],
+        1
+      ),
+    ],
+    2
+  )
+}
+var staticRenderFns = []
+headervue_type_template_id_94a41d54_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/timepicker/header.vue?vue&type=template&id=94a41d54&
+
+// EXTERNAL MODULE: external "./icon"
+var external_icon_ = __webpack_require__(4);
+var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/header.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var headervue_type_script_lang_js_ = ({
+  components: {
+    MdsIcon: external_icon_default.a
+  },
+  props: {
+    prefixCls: String,
+    allowEmpty: {
+      type: Boolean,
+      default: true
+    },
+    clearText: {
+      type: String,
+      default: 'clear'
+    },
+    isRange: Boolean,
+    format: String,
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    size: String,
+    placeholder: String,
+    value: null
+  },
+  methods: {
+    handleClearClick: function handleClearClick(e) {
+      this.$emit('clear', e);
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/timepicker/header.vue?vue&type=script&lang=js&
+ /* harmony default export */ var timepicker_headervue_type_script_lang_js_ = (headervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./components/timepicker/header.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  timepicker_headervue_type_script_lang_js_,
+  headervue_type_template_id_94a41d54_render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "components/timepicker/header.vue"
+/* harmony default export */ var header = (component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/select.vue?vue&type=template&id=45c91776&
+var selectvue_type_template_id_45c91776_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: _vm.classes,
+      on: {
+        mouseenter: _vm.handleMouseEnter,
+        mouseleave: _vm.handleMouseLeave,
+      },
+    },
+    [
+      _c(
+        "ul",
+        { ref: "list" },
+        _vm._l(_vm.options, function (item, index) {
+          var _obj
+          return _c(
+            "li",
+            {
+              key: item.value,
+              class:
+                ((_obj = {}),
+                (_obj[_vm.prefixCls + "-select-option-selected"] =
+                  _vm.selectedIndex === index),
+                (_obj[_vm.prefixCls + "-select-option-disabled"] =
+                  item.disabled),
+                _obj),
+              attrs: { disabled: item.disabled },
+              on: {
+                click: function ($event) {
+                  !item.disabled ? _vm.handleClick(item.value) : null
+                },
+              },
+            },
+            [_vm._v("\n      " + _vm._s(item.value) + "\n    ")]
+          )
+        }),
+        0
+      ),
+    ]
+  )
+}
+var selectvue_type_template_id_45c91776_staticRenderFns = []
+selectvue_type_template_id_45c91776_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/timepicker/select.vue?vue&type=template&id=45c91776&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/select.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+var scrollTo = function scrollTo(element, to, duration) {
+  var requestAnimationFrame = window.requestAnimationFrame || function requestAnimationFrameTimeout() {
+    return setTimeout(arguments[0], 10);
+  };
+  // jump to target if duration zero
+  if (duration <= 0) {
+    element.scrollTop = to;
+    return;
+  }
+  var difference = to - element.scrollTop;
+  var perTick = difference / duration * 10;
+
+  requestAnimationFrame(function () {
+    element.scrollTop = element.scrollTop + perTick;
+    if (element.scrollTop === to) return;
+    scrollTo(element, to, duration - 10);
+  });
+};
+
+/* harmony default export */ var selectvue_type_script_lang_js_ = ({
+  props: {
+    isShow: Boolean,
+    prefixCls: String,
+    options: Array,
+    selectedIndex: Number,
+    type: String
+  },
+  data: function data() {
+    return {
+      active: false
+    };
+  },
+
+  watch: {
+    isShow: function isShow(v) {
+      v && this.scrollToSelected(0);
+    },
+    selectedIndex: function selectedIndex(v) {
+      this.scrollToSelected(120);
+    }
+  },
+  methods: {
+    handleMouseEnter: function handleMouseEnter() {
+      this.active = true;
+    },
+    handleMouseLeave: function handleMouseLeave() {
+      this.active = false;
+    },
+    handleClick: function handleClick(value) {
+      this.$emit('selected', this.type, value);
+    },
+    scrollToSelected: function scrollToSelected(duration) {
+      var select = this.$el;
+      var list = this.$refs.list;
+      if (!list) {
+        return;
+      }
+      var index = this.selectedIndex < 0 ? 0 : this.selectedIndex;
+      var topOption = list.children[index];
+      var to = topOption.offsetTop;
+      scrollTo(select, to, duration);
+    }
+  },
+  computed: {
+    classes: function classes() {
+      var prefixCls = this.prefixCls;
+      return [prefixCls + '-select', defineProperty_default()({}, prefixCls + '-select-active', this.active)];
+    }
+  },
+  mounted: function mounted() {
+    this.scrollToSelected(0);
+  }
+});
+// CONCATENATED MODULE: ./components/timepicker/select.vue?vue&type=script&lang=js&
+ /* harmony default export */ var timepicker_selectvue_type_script_lang_js_ = (selectvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/timepicker/select.vue
+
+
+
+
+
+/* normalize component */
+
+var select_component = Object(componentNormalizer["a" /* default */])(
+  timepicker_selectvue_type_script_lang_js_,
+  selectvue_type_template_id_45c91776_render,
+  selectvue_type_template_id_45c91776_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var select_api; }
+select_component.options.__file = "components/timepicker/select.vue"
+/* harmony default export */ var timepicker_select = (select_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/combobox.vue?vue&type=script&lang=js&
+
+
+
+var formatOption = function formatOption(option, disabledOptions) {
+  var value = option < 10 ? '0' + option : '' + option;
+  var disabled = disabledOptions && disabledOptions.indexOf(option) >= 0;
+
+  return {
+    value: value,
+    disabled: disabled
+  };
+};
+
+/* harmony default export */ var comboboxvue_type_script_lang_js_ = ({
+  props: {
+    prefixCls: String,
+    defaultOpenValue: Object,
+    disabledHours: Array,
+    disabledMinutes: Array,
+    disabledSeconds: Array,
+    format: String,
+    isShow: Boolean,
+    hourOptions: Array,
+    minuteOptions: Array,
+    secondOptions: Array,
+    showHour: Boolean,
+    showMinute: Boolean,
+    showSecond: Boolean,
+    use12Hours: Boolean,
+    isAM: Boolean,
+    index: Number,
+    value: null
+  },
+  components: {
+    MdsPickerSelect: timepicker_select
+  },
+  methods: {
+    handleSelected: function handleSelected(type, itemValue) {
+      var value = (this.value || this.defaultOpenValue).clone();
+      if (type === 'hour') {
+        if (this.use12Hours) {
+          if (this.isAM) {
+            value.hour(+itemValue % 12);
+          } else {
+            value.hour(+itemValue % 12 + 12);
+          }
+        } else {
+          value.hour(+itemValue);
+        }
+      } else if (type === 'minute') {
+        value.minute(+itemValue);
+      } else if (type === 'ampm') {
+        var ampm = itemValue.toUpperCase();
+        if (this.use12Hours) {
+          if (ampm === 'PM' && value.hour() < 12) {
+            value.hour(value.hour() % 12 + 12);
+          }
+          if (ampm === 'AM') {
+            if (value.hour() >= 12) {
+              value.hour(value.hour() - 12);
+            }
+          }
+        }
+      } else {
+        value.second(+itemValue);
+      }
+      this.$emit('change', value, this.index);
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    var value = this.value || this.defaultOpenValue;
+
+    var getHourSelect = function getHourSelect(hour) {
+      if (!_this.showHour) {
+        return null;
+      }
+      var disabledOptions = _this.disabledHours;
+      var hourOptionsAdj = _this.use12Hours ? [12].concat(_this.hourOptions.filter(function (h) {
+        return h < 12 && h > 0;
+      })) : _this.hourOptions;
+      var hourAdj = _this.use12Hours ? hour % 12 || 12 : hour;
+      var options = hourOptionsAdj.map(function (el) {
+        return formatOption(el, disabledOptions);
+      });
+      var selectedIndex = hourOptionsAdj.indexOf(hourAdj);
+
+      return h(timepicker_select, {
+        attrs: {
+          isShow: _this.isShow,
+          prefixCls: _this.prefixCls,
+          options: options,
+          selectedIndex: selectedIndex,
+
+          type: 'hour' },
+        on: {
+          'selected': _this.handleSelected
+        }
+      });
+    };
+
+    var getMinuteSelect = function getMinuteSelect(minute) {
+      if (!_this.showMinute) {
+        return null;
+      }
+      var disabledOptions = _this.disabledMinutes;
+      var options = _this.minuteOptions.map(function (option) {
+        return formatOption(option, disabledOptions);
+      });
+      var selectedIndex = _this.minuteOptions.indexOf(minute);
+
+      return h(timepicker_select, {
+        attrs: {
+          isShow: _this.isShow,
+          prefixCls: _this.prefixCls,
+          options: options,
+          selectedIndex: selectedIndex,
+          type: 'minute'
+        },
+        on: {
+          'selected': _this.handleSelected
+        }
+      });
+    };
+
+    var getSecondSelect = function getSecondSelect(second) {
+      if (!_this.showSecond) {
+        return null;
+      }
+      var disabledOptions = _this.disabledSeconds;
+      var options = _this.secondOptions.map(function (option) {
+        return formatOption(option, disabledOptions);
+      });
+      var selectedIndex = _this.secondOptions.indexOf(second);
+
+      return h(timepicker_select, {
+        attrs: {
+          isShow: _this.isShow,
+          prefixCls: _this.prefixCls,
+          options: options,
+          selectedIndex: selectedIndex,
+          type: 'second'
+        },
+        on: {
+          'selected': _this.handleSelected
+        }
+      });
+    };
+
+    var getAMPMSelect = function getAMPMSelect() {
+      if (!_this.use12Hours) {
+        return null;
+      }
+      var AMPMOptions = ['am', 'pm'] // If format has A char, then we should uppercase AM/PM
+      .map(function (c) {
+        return _this.format.match(/\sA/) ? c.toUpperCase() : c;
+      }).map(function (c) {
+        return { value: c };
+      });
+
+      var selectedIndex = _this.isAM ? 0 : 1;
+
+      return h(timepicker_select, {
+        attrs: {
+          isShow: _this.isShow,
+          prefixCls: _this.prefixCls,
+          options: AMPMOptions,
+          selectedIndex: selectedIndex,
+          type: 'ampm'
+        },
+        on: {
+          'selected': _this.handleSelected
+        }
+      });
+    };
+
+    var addon = function addon() {
+      if (!_this.$slots.default) {
+        return null;
+      }
+      return h(
+        'div',
+        { 'class': _this.prefixCls + '-addon' },
+        [_this.$slots.default]
+      );
+    };
+
+    return h(
+      'div',
+      { 'class': this.prefixCls + '-combobox' },
+      [getHourSelect(value.hour()), getMinuteSelect(value.minute()), getSecondSelect(value.second()), getAMPMSelect(), addon()]
+    );
+  }
+});
+// CONCATENATED MODULE: ./components/timepicker/combobox.vue?vue&type=script&lang=js&
+ /* harmony default export */ var timepicker_comboboxvue_type_script_lang_js_ = (comboboxvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/timepicker/combobox.vue
+var combobox_render, combobox_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var combobox_component = Object(componentNormalizer["a" /* default */])(
+  timepicker_comboboxvue_type_script_lang_js_,
+  combobox_render,
+  combobox_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var combobox_api; }
+combobox_component.options.__file = "components/timepicker/combobox.vue"
+/* harmony default export */ var combobox = (combobox_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/timepicker/panel.vue?vue&type=script&lang=js&
+//
+
+
+
+
+var generateOptions = function generateOptions(length, disabledOptions, hideDisabledOptions) {
+  var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+
+  var arr = [];
+  for (var value = 0; value < length; value += step) {
+    if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
+      arr.push(value);
+    }
+  }
+  return arr;
+};
+var isAM = function isAM(value) {
+  return value && value.hour() >= 0 && value.hour() < 12;
+};
+
+/* harmony default export */ var panelvue_type_script_lang_js_ = ({
+  props: {
+    prefixCls: String,
+    defaultOpenValue: Object,
+    disabledHours: Function,
+    disabledMinutes: Function,
+    disabledSeconds: Function,
+    isRange: Boolean,
+    isShow: Boolean,
+    format: String,
+    hideDisabledOptions: Boolean,
+    hourOptions: Array,
+    minuteOptions: Array,
+    placeholder: String,
+    size: String,
+    secondOptions: Array,
+    showHour: Boolean,
+    showMinute: Boolean,
+    showSecond: Boolean,
+    use12Hours: Boolean,
+    allowEmpty: Boolean,
+    value: null
+  },
+  components: {
+    MdsPickerHeader: header,
+    MdsPickerCombobox: combobox
+  },
+  methods: {
+    handleChange: function handleChange(value, index) {
+      if (typeof index === 'number' && this.isRange) {
+        var f = this.value[0] ? this.value[0].clone() : null;
+        var s = this.value[1] ? this.value[1].clone() : null;
+        var val = [f, s];
+        val[index] = value;
+        this.$emit('change', val);
+      } else {
+        this.$emit('change', value);
+      }
+    },
+    handleHeaderClick: function handleHeaderClick(e) {
+      this.$emit('clear', e);
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    var disabledHours = function disabledHours(value) {
+      var disabledOptions = _this.disabledHours();
+      var result = _this.use12Hours && Array.isArray(disabledOptions) ? isAM(value) ? disabledOptions.filter(function (h) {
+        return h < 12;
+      }).map(function (h) {
+        return h === 0 ? 12 : h;
+      }) : disabledOptions.map(function (h) {
+        return h === 12 ? 12 : h - 12;
+      }) : disabledOptions;
+      return result;
+    };
+
+    var getPickerCombobox = function getPickerCombobox(value) {
+      var otherValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+      var disabledHourOptions = disabledHours(value);
+      var disabledMinuteOptions = _this.disabledMinutes(value ? value.hour() : null);
+      var disabledSecondOptions = _this.disabledSeconds(value ? value.hour() : null, value ? value.minute() : null);
+      if (index === 0 && otherValue) {
+        var totalHour = void 0;
+        _this.use12Hours ? totalHour = 12 : totalHour = 24;
+        for (var i = otherValue.hour() + 1; i < totalHour; i++) {
+          if (disabledHourOptions.indexOf(i) < 0) disabledHourOptions.push(i);
+        }
+        if (value && value.hour() >= otherValue.hour()) {
+          for (var _i = otherValue.minute(); _i <= 60; _i++) {
+            if (disabledMinuteOptions.indexOf(_i) < 0) disabledMinuteOptions.push(_i);
+          }
+        }
+        if (value && value.hour() >= otherValue.hour() && value.minute() >= otherValue.minute()) {
+          for (var _i2 = otherValue.second() + 1; _i2 <= 60; _i2++) {
+            if (disabledSecondOptions.indexOf(_i2) < 0) disabledSecondOptions.push(_i2);
+          }
+        }
+      } else if (index === 1 && otherValue) {
+        for (var _i3 = 0; _i3 < otherValue.hour(); _i3++) {
+          if (disabledHourOptions.indexOf(_i3) < 0) disabledHourOptions.push(_i3);
+        }
+        if (value && value.hour() <= otherValue.hour()) {
+          for (var _i4 = 0; _i4 < otherValue.minute(); _i4++) {
+            if (disabledMinuteOptions.indexOf(_i4) < 0) disabledMinuteOptions.push(_i4);
+          }
+        }
+        if (value && value.hour() <= otherValue.hour() && value.minute() <= otherValue.minute()) {
+          for (var _i5 = 0; _i5 < otherValue.second(); _i5++) {
+            if (disabledSecondOptions.indexOf(_i5) < 0) disabledSecondOptions.push(_i5);
+          }
+        }
+      }
+
+      var hourOptions = generateOptions(24, disabledHourOptions, _this.hideDisabledOptions);
+      var minuteOptions = generateOptions(60, disabledMinuteOptions, _this.hideDisabledOptions);
+      var secondOptions = generateOptions(60, disabledSecondOptions, _this.hideDisabledOptions);
+      return h(combobox, {
+        attrs: {
+          prefixCls: _this.prefixCls,
+          defaultOpenValue: _this.defaultOpenValue,
+          disabledHours: disabledHourOptions,
+          disabledMinutes: disabledMinuteOptions,
+          disabledSeconds: disabledSecondOptions,
+          format: _this.format,
+          isAM: isAM(value),
+          isShow: _this.isShow,
+          hideDisabledOptions: _this.hideDisabledOptions,
+          hourOptions: hourOptions,
+          minuteOptions: minuteOptions,
+          secondOptions: secondOptions,
+          showHour: _this.showHour,
+          showMinute: _this.showMinute,
+          showSecond: _this.showSecond,
+
+          use12Hours: _this.use12Hours,
+          index: index,
+          value: value },
+        on: {
+          'change': _this.handleChange
+        }
+      });
+    };
+    var getPickerBox = function getPickerBox() {
+      var getPickerBottom = function getPickerBottom() {
+        if (_this.$slots.default === undefined) {
+          return '';
+        } else {
+          return h(
+            'div',
+            { 'class': _this.prefixCls + '-picker-box-bottom' },
+            [_this.$slots.default]
+          );
+        }
+      };
+      if (_this.isRange) {
+        return h(
+          'div',
+          { 'class': _this.prefixCls + '-picker-box ' + _this.prefixCls + '-picker-half' },
+          [h(
+            'div',
+            { 'class': _this.prefixCls + '-picker-box-halfbox' },
+            [h(
+              'div',
+              { 'class': _this.prefixCls + '-picker-box-half' },
+              [h('h2', ['\u5F00\u59CB\u65F6\u95F4']), 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)]
+            )]
+          ), getPickerBottom()]
+        );
+      } else {
+        return h(
+          'div',
+          { 'class': _this.prefixCls + '-picker-box' },
+          [getPickerCombobox(_this.value), getPickerBottom()]
+        );
+      }
+    };
+
+    return h(
+      'div',
+      { 'class': this.prefixCls + '-inner' },
+      [h(header, {
+        attrs: {
+          size: this.size,
+          prefixCls: this.prefixCls,
+          allowEmpty: this.allowEmpty,
+          isRange: this.isRange,
+          clearText: this.clearText,
+          format: this.format,
+
+          placeholder: this.placeholder,
+          value: this.value },
+        on: {
+          'clear': this.handleHeaderClick
+        }
+      }), getPickerBox()]
+    );
+  }
+});
+// CONCATENATED MODULE: ./components/timepicker/panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var timepicker_panelvue_type_script_lang_js_ = (panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/timepicker/panel.vue
+var panel_render, panel_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var panel_component = Object(componentNormalizer["a" /* default */])(
+  timepicker_panelvue_type_script_lang_js_,
+  panel_render,
+  panel_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var panel_api; }
+panel_component.options.__file = "components/timepicker/panel.vue"
+/* harmony default export */ var panel = (panel_component.exports);
+// EXTERNAL MODULE: external "./_util/proptype"
+var proptype_ = __webpack_require__(3);
+
+// EXTERNAL MODULE: external "./transition"
+var external_transition_ = __webpack_require__(13);
+var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_transition_);
+
+// EXTERNAL MODULE: external "./_mixin/emitter"
+var emitter_ = __webpack_require__(6);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
+
+// 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&
+
+
+
+
+
+
+
+
+
+
+
+function generateShowHourMinuteSecond(format) {
+  // Ref: http://momentjs.com/docs/#/parsing/string-format/
+  return {
+    showHour: format.indexOf('H') > -1 || format.indexOf('h') > -1 || format.indexOf('k') > -1,
+    showMinute: format.indexOf('m') > -1,
+    showSecond: format.indexOf('s') > -1
+  };
+}
+
+/* harmony default export */ var time_pickervue_type_script_lang_js_ = ({
+  name: 'MdsTimePicker',
+  mixins: [popper_default.a, emitter_default.a],
+  model: {
+    event: 'change'
+  },
+  data: function data() {
+    return {
+      current: 0,
+      showHour: true,
+      showMinute: true,
+      showSecond: true,
+      popperModifiers: {
+        inner: {
+          enabled: true
+        },
+        offset: {
+          offset: '2px'
+        }
+      },
+      visible: false,
+      momentValue: null
+    };
+  },
+
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'mds-time-picker'
+    },
+    width: {
+      type: Number,
+      default: 240
+    },
+    allowEmpty: {
+      type: Boolean,
+      default: true
+    },
+    clearText: {
+      type: String,
+      default: 'clear'
+    },
+    defaultOpenValue: {
+      type: Object,
+      validator: function validator(value) {
+        return external_moment_default.a.isMoment(value);
+      },
+
+      default: function _default() {
+        return external_moment_default()();
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disabledHours: {
+      type: Function,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabledMinutes: {
+      type: Function,
+      default: function _default(h) {
+        return [];
+      }
+    },
+    disabledSeconds: {
+      type: Function,
+      default: function _default(h, m) {
+        return [];
+      }
+    },
+    format: {
+      type: String,
+      default: ''
+    },
+    valueFormat: {
+      type: String,
+      default: ''
+    },
+    hideDisabledOptions: {
+      type: Boolean,
+      default: false
+    },
+    open: {
+      type: Boolean,
+      default: false
+    },
+    placement: {
+      type: String,
+      default: 'topLeft'
+    },
+    placeholder: {
+      type: String,
+      default: '请选择时间'
+    },
+    startPlaceholder: {
+      type: String,
+      default: '开始时间'
+    },
+    endPlaceholder: {
+      type: String,
+      default: '结束时间'
+    },
+    popupClassName: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: 'default',
+      validator: function validator(value) {
+        return Object(proptype_["oneOf"])(value, ['large', 'default', 'small', 'mini']);
+      }
+    },
+    use12Hours: {
+      type: Boolean,
+      default: false
+    },
+    isRange: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      validator: function validator(value) {
+        if (Array.isArray(value)) {
+          return (value[0] ? external_moment_default.a.isMoment(value[0]) || typeof value[0] === 'string' : true) && (value[1] ? external_moment_default.a.isMoment(value[1]) || typeof value[1] === 'string' : true);
+        } else {
+          return typeof value === 'string' || external_moment_default.a.isMoment(value);
+        }
+      },
+
+      required: true
+    }
+  },
+  components: {
+    MdsPanel: panel,
+    MdsTransition: external_transition_default.a,
+    MdsIcon: external_icon_default.a
+  },
+  computed: {
+    classes: function classes() {
+      var _ref;
+
+      var prefixCls = this.prefixCls;
+      return ['' + prefixCls, (_ref = {}, defineProperty_default()(_ref, prefixCls + '-' + this.size, !!this.size), defineProperty_default()(_ref, prefixCls + '-disabled', this.disabled), _ref)];
+    },
+    defaultFormat: function defaultFormat() {
+      return this.format ? this.format : this.use12Hours ? 'h:mm:ss a' : 'HH:mm:ss';
+    }
+  },
+  created: function created() {
+    this.initMomentValue();
+  },
+  mounted: function mounted() {
+    this.popper = this.popperVM.$el;
+    this.popper.style.width = this.$el.offsetWidth + 'px';
+    this.reference = this.$refs.picker;
+    this.visible = this.open;
+    document.addEventListener('click', this.closePopper);
+  },
+  destroyed: function destroyed() {
+    document.removeEventListener('click', this.closePopper);
+  },
+
+  watch: {
+    open: function open(v) {
+      this.visible = v;
+    },
+    visible: function visible(v) {
+      this.$emit('open-change', v);
+    },
+    value: function value(v) {
+      this.initMomentValue();
+    }
+  },
+  methods: {
+    initMomentValue: function initMomentValue() {
+      if (this.isRange) {
+        this.momentValue = [null, null];
+        if (this.value[0]) {
+          this.momentValue[0] = external_moment_default()(this.value[0], this.defaultFormat);
+        }
+        if (this.value[1]) {
+          this.momentValue[1] = external_moment_default()(this.value[1], this.defaultFormat);
+        }
+      } else {
+        if (this.value) {
+          this.momentValue = external_moment_default()(this.value, this.defaultFormat);
+        } else this.momentValue = null;
+      }
+    },
+    handleClick: function handleClick() {
+      if (this.disabled) {
+        return;
+      }
+      this.visible = !this.visible;
+      if (this.isRange) {
+        this.$refs.inputF.blur();
+        this.$refs.inputS.blur();
+      } else {
+        this.$refs.input.blur();
+      }
+    },
+    handleChange: function handleChange(value) {
+      if (this.isRange) {
+        var formatValue = [];
+        formatValue[0] = this.valueFormat ? value[0] ? value[0].format(this.valueFormat) : '' : value[0];
+        formatValue[1] = this.valueFormat ? value[1] ? value[1].format(this.valueFormat) : '' : value[1];
+        this.momentValue = value;
+        this.$emit('change', formatValue);
+        this.dispatch('MdsFormItem', 'formItemChange', formatValue);
+      } else {
+        var _formatValue = this.valueFormat ? value.format(this.valueFormat) : value;
+        this.$emit('change', _formatValue);
+        this.momentValue = value;
+        this.dispatch('MdsFormItem', 'formItemChange', _formatValue);
+      }
+    },
+    handleClear: function handleClear(e) {
+      if (this.isRange) {
+        this.momentValue = [null, null];
+        this.$emit('change', ['', '']);
+        this.dispatch('MdsFormItem', 'formItemChange', ['', '']);
+      } else {
+        this.momentValue = '';
+        this.$emit('change', '');
+        this.dispatch('MdsFormItem', 'formItemChange', '');
+      }
+      this.visible = false;
+      this.$emit('clear', e);
+    },
+    closePopper: function closePopper(e) {
+      if (!this.visible || !this.$el || !this.reference || !this.popper || this.$el.contains(e.target) || this.reference.contains(e.target) || this.popper.contains(e.target)) return;
+      this.visible = false;
+    }
+  },
+  render: function render(h) {
+    var _this = this;
+
+    if (this.isRange && !Array.isArray(this.value)) {
+      throw new Error('传入的值必须为数组');
+    } else if (!this.isRange && Array.isArray(this.value)) {
+      throw new Error('传入的值不能为数组');
+    }
+
+    var _generateShowHourMinu = generateShowHourMinuteSecond(this.defaultFormat),
+        showHour = _generateShowHourMinu.showHour,
+        showMinute = _generateShowHourMinu.showMinute,
+        showSecond = _generateShowHourMinu.showSecond;
+
+    var vm = this;
+    this.popperVM = new external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a({
+      render: function render(h) {
+        return h(
+          external_transition_default.a,
+          {
+            attrs: { type: 'slide', motion: 'up' }
+          },
+          [h(
+            'div',
+            {
+              'class': [vm.prefixCls + '-panel', vm.popupClassName, defineProperty_default()({}, vm.prefixCls + '-panel-narrow', (!showHour || !showMinute || !showSecond) && !vm.use12Hours)],
+              directives: [{
+                name: 'show',
+                value: vm.visible
+              }],
+
+              ref: 'popper' },
+            [h(
+              panel,
+              {
+                attrs: {
+                  size: vm.size,
+                  allowEmpty: vm.allowEmpty,
+                  clearText: vm.clearText,
+                  defaultOpenValue: vm.defaultOpenValue,
+                  isRange: vm.isRange,
+                  disabledHours: vm.disabledHours,
+                  disabledMinutes: vm.disabledMinutes,
+                  disabledSeconds: vm.disabledSeconds,
+                  format: vm.defaultFormat,
+                  hideDisabledOptions: vm.hideDisabledOptions,
+                  prefixCls: vm.prefixCls + '-panel',
+                  placeholder: vm.placeholder,
+                  showHour: showHour,
+                  showMinute: showMinute,
+                  showSecond: showSecond,
+                  use12Hours: vm.use12Hours,
+                  isShow: vm.visible,
+
+                  value: vm.momentValue },
+                on: {
+                  'change': vm.handleChange,
+                  'clear': vm.handleClear
+                }
+              },
+              [vm.$slots.default]
+            )]
+          )]
+        );
+      }
+    }).$mount();
+    var getInput = function getInput() {
+      if (_this.isRange) {
+        return h(
+          'div',
+          { 'class': _this.prefixCls + '-box' },
+          [h('input', {
+            ref: 'inputF',
+            'class': _this.prefixCls + '-input ' + _this.prefixCls + '-box-half',
+            attrs: { disabled: _this.disabled,
+              placeholder: _this.startPlaceholder
+            },
+            domProps: {
+              'value': _this.momentValue[0] && _this.momentValue[0].format(_this.defaultFormat) || ''
+            }
+          }), h(
+            'span',
+            { 'class': _this.prefixCls + '-box-span' },
+            ['-']
+          ), h('input', {
+            ref: 'inputS',
+            'class': _this.prefixCls + '-input ' + _this.prefixCls + '-box-half',
+            attrs: { disabled: _this.disabled,
+              placeholder: _this.endPlaceholder
+            },
+            domProps: {
+              'value': _this.momentValue[1] && _this.momentValue[1].format(_this.defaultFormat) || ''
+            }
+          })]
+        );
+      } else {
+        return h('input', {
+          ref: 'input',
+          'class': _this.prefixCls + '-input',
+          attrs: { disabled: _this.disabled,
+            placeholder: _this.placeholder
+          },
+          domProps: {
+            'value': _this.momentValue && _this.momentValue.format(_this.defaultFormat) || ''
+          }
+        });
+      }
+    };
+    return h(
+      'span',
+      {
+        ref: 'picker',
+        style: 'width: ' + this.width + 'px',
+        'class': this.classes,
+        on: {
+          'click': this.handleClick
+        }
+      },
+      [getInput(), h(external_icon_default.a, { 'class': this.prefixCls + '-icon', attrs: { type: 'line-clock-circle-o' }
+      })]
+    );
+  }
+});
+// CONCATENATED MODULE: ./components/timepicker/time-picker.vue?vue&type=script&lang=js&
+ /* harmony default export */ var timepicker_time_pickervue_type_script_lang_js_ = (time_pickervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/timepicker/time-picker.vue
+var time_picker_render, time_picker_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var time_picker_component = Object(componentNormalizer["a" /* default */])(
+  timepicker_time_pickervue_type_script_lang_js_,
+  time_picker_render,
+  time_picker_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var time_picker_api; }
+time_picker_component.options.__file = "components/timepicker/time-picker.vue"
+/* harmony default export */ var time_picker = (time_picker_component.exports);
+// CONCATENATED MODULE: ./components/timepicker/index.js
+
+
+/* istanbul ignore next */
+time_picker.install = function (Vue) {
+  Vue.component(time_picker.name, time_picker);
+};
+/* harmony default export */ var timepicker = __webpack_exports__["default"] = (time_picker);
+
+/***/ })
+
+/******/ });
+});