time-range-picker 0.1.25 → 0.1.28

package/README.md

@@ -25,7 +25,9 @@ npm i time-range-picker
 | disabled              | 是否禁用                                         | Boolean       |                         | false                                       |
 | size                  | 组件大小                                         | String        | large medium small mini | medium                                      |
 | defaultDate(即将弃用) | 设置默认时间，可以选择设置是当前年范围还是月范围 | String, Array | 见下方说明 5            | ''                                          |
-| pickerOptions         | 附加参数                                         | Object        | 见下方说明 4            | {start: '00:00',step: '00:60',end: '23:00'} |
+| pickerOptions         | 附加参数                                         | Object        | 见下方说明 4            | {start: '00:00',step: '00:60',end: '23:00'}|
+| clearable         | 是否显示清除按钮                                         | Boolean        |             | true |
+
 
 ### 说明 1（type 可选项）
 

package/demo/index.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: 韩应波
+ * @Date: 2021-01-20 10:21:21
+ * @LastEditors: 韩应波
+ * @LastEditTime: 2021-02-08 11:48:34
+-->
 <template>
   <div id="App">
     <div>
@@ -11,21 +19,15 @@
       <el-button @click="type = 'time-select'">time-select</el-button>
     </div>
     <br />
-    设置defaultDate: <el-button @click="defaultDate = ''">空</el-button>
-    <el-button @click="defaultDate = 'thisMonth'"
-      >thisMonth(本月第一天到今天)</el-button
-    >
-    <el-button @click="defaultDate = 'thisYear'"
-      >thisYear(本年第一天今天)</el-button
-    >
-    <el-button @click="defaultDate = 'pastOneYear'"
-      >pastOneYear(近一年)</el-button
-    >
-    <el-button @click="defaultDate = 'pastOneMonth'"
-      >pastOneMonth(近一月)</el-button
-    >
+    设置defaultDate:
+    <el-button @click="defaultDate = ''">空</el-button>
+    <el-button @click="defaultDate = 'thisMonth'">thisMonth(本月第一天到今天)</el-button>
+    <el-button @click="defaultDate = 'thisYear'">thisYear(本年第一天今天)</el-button>
+    <el-button @click="defaultDate = 'pastOneYear'">pastOneYear(近一年)</el-button>
+    <el-button @click="defaultDate = 'pastOneMonth'">pastOneMonth(近一月)</el-button>
     <br />
-    设置disabled: <el-switch v-model="disabled" />
+    设置disabled:
+    <el-switch v-model="disabled" />
     <br />
     <br />
     <el-form ref="rowForm" :model="time">
@@ -37,6 +39,9 @@
           :end.sync="time.end"
           :disabled="disabled"
           :defaultDate="defaultDate"
+          :picker-options="{
+            step: '00:30'
+          }"
         />
       </el-form-item>
       <el-form-item label="重置">
@@ -48,7 +53,8 @@
     <br />
     <br />
     外部设置值：
-    <el-input v-model="start" style="width: 100px" /> -
+    <el-input v-model="start" style="width: 100px" />
+    -
     <el-input v-model="end" style="width: 100px" />
     <el-button @click="setTime">设置</el-button>
   </div>

package/dist/time-range-picker.common.js

@@ -210,6 +210,21 @@ exports.f = DESCRIPTORS ? nativeGetOwnPropertyDescriptor : function getOwnProper
 };
 
 
+/***/ }),
+
+/***/ "0863":
+/***/ (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__("2ca1");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("7b78e44c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "0cfb":
@@ -383,6 +398,17 @@ fixRegExpWellKnownSymbolLogic('split', 2, function (SPLIT, nativeSplit, maybeCal
 }, !SUPPORTS_Y);
 
 
+/***/ }),
+
+/***/ "1368":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0863");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
 /***/ }),
 
 /***/ "14c3":
@@ -805,6 +831,20 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 
+/***/ }),
+
+/***/ "2ca1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".time-select-item.disabled{color:#e4e7ed;cursor:not-allowed!important}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "2d00":
@@ -1371,6 +1411,32 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "4de4":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $filter = __webpack_require__("b727").filter;
+var arrayMethodHasSpeciesSupport = __webpack_require__("1dde");
+var arrayMethodUsesToLength = __webpack_require__("ae40");
+
+var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
+// Edge 14- issue
+var USES_TO_LENGTH = arrayMethodUsesToLength('filter');
+
+// `Array.prototype.filter` method
+// https://tc39.github.io/ecma262/#sec-array.prototype.filter
+// with adding support of @@species
+$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {
+  filter: function filter(callbackfn /* , thisArg */) {
+    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+
 /***/ }),
 
 /***/ "50c4":
@@ -3199,6 +3265,27 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ "b64b":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var toObject = __webpack_require__("7b0b");
+var nativeKeys = __webpack_require__("df75");
+var fails = __webpack_require__("d039");
+
+var FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });
+
+// `Object.keys` method
+// https://tc39.github.io/ecma262/#sec-object.keys
+$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
+  keys: function keys(it) {
+    return nativeKeys(toObject(it));
+  }
+});
+
+
 /***/ }),
 
 /***/ "b727":
@@ -3729,6 +3816,37 @@ module.exports =
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("c8ba")))
 
+/***/ }),
+
+/***/ "dbb4":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var DESCRIPTORS = __webpack_require__("83ab");
+var ownKeys = __webpack_require__("56ef");
+var toIndexedObject = __webpack_require__("fc6a");
+var getOwnPropertyDescriptorModule = __webpack_require__("06cf");
+var createProperty = __webpack_require__("8418");
+
+// `Object.getOwnPropertyDescriptors` method
+// https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptors
+$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {
+  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {
+    var O = toIndexedObject(object);
+    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+    var keys = ownKeys(O);
+    var result = {};
+    var index = 0;
+    var key, descriptor;
+    while (keys.length > index) {
+      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);
+      if (descriptor !== undefined) createProperty(result, key, descriptor);
+    }
+    return result;
+  }
+});
+
+
 /***/ }),
 
 /***/ "ddb0":
@@ -3941,6 +4059,29 @@ addToUnscopables('values');
 addToUnscopables('entries');
 
 
+/***/ }),
+
+/***/ "e439":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var fails = __webpack_require__("d039");
+var toIndexedObject = __webpack_require__("fc6a");
+var nativeGetOwnPropertyDescriptor = __webpack_require__("06cf").f;
+var DESCRIPTORS = __webpack_require__("83ab");
+
+var FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });
+var FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor
+$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {
+  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {
+    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);
+  }
+});
+
+
 /***/ }),
 
 /***/ "e538":
@@ -4112,9 +4253,9 @@ if (typeof window !== 'undefined') {
     __webpack_require__("f6fd")
   }
 
-  var i
-  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
-    __webpack_require__.p = i[1] // eslint-disable-line
+  var setPublicPath_i
+  if ((setPublicPath_i = window.document.currentScript) && (setPublicPath_i = setPublicPath_i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
+    __webpack_require__.p = setPublicPath_i[1] // eslint-disable-line
   }
 }
 
@@ -4124,12 +4265,12 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
 var es_function_name = __webpack_require__("b0c0");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d570aa98-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/index.vue?vue&type=template&id=3fab5a1a&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.type === 'time')?_c('el-time-picker',{key:_vm.dateKey,attrs:{"is-range":"","range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"placeholder":"选择时间范围","value-format":_vm.format,"format":_vm.format,"disabled":_vm.Disabled,"size":_vm.size},on:{"focus":_vm.timePickerFocus,"blur":_vm.timePickerBlur},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'time-select')?_c('time-select',{key:_vm.dateKey,ref:"timeselect",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.pickerOptions},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'month')?_c('month-range',{key:_vm.dateKey,ref:"monthrange",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):_c('date-range',{key:_vm.dateKey,ref:"yearrange",attrs:{"dateType":_vm.dateType,"value-format":_vm.format,"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.pickerOptions},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/index.vue?vue&type=template&id=3232983b&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"time-range-picker"},[(_vm.type === 'time')?_c('el-time-picker',{key:_vm.dateKey,attrs:{"is-range":"","range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"placeholder":"选择时间范围","value-format":_vm.format,"format":_vm.format,"disabled":_vm.Disabled,"size":_vm.size,"clearable":_vm.clearable},on:{"focus":_vm.timePickerFocus,"blur":_vm.timePickerBlur},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'time-select')?_c('time-select',{key:_vm.dateKey,ref:"timeselect",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'month')?_c('month-range',{key:_vm.dateKey,ref:"monthrange",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):_c('date-range',{key:_vm.dateKey,ref:"yearrange",attrs:{"dateType":_vm.dateType,"value-format":_vm.format,"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/index.vue?vue&type=template&id=3fab5a1a&
+// CONCATENATED MODULE: ./src/index.vue?vue&type=template&id=3232983b&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.for-each.js
 var es_array_for_each = __webpack_require__("4160");
@@ -4202,16 +4343,86 @@ function _typeof(obj) {
 
   return _typeof(obj);
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d570aa98-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=template&id=66ecb64b&
-var month_rangevue_type_template_id_66ecb64b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__("4de4");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
+var es_object_get_own_property_descriptor = __webpack_require__("e439");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
+var es_object_get_own_property_descriptors = __webpack_require__("dbb4");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
+var es_object_keys = __webpack_require__("b64b");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=template&id=1e1f2054&
+var month_rangevue_type_template_id_1e1f2054_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       ('el-range-editor--' + _vm.size),
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
-    ],on:{"mouseleave":function($event){_vm.showClose = true}}},[_c('i',{class:['el-input__icon', 'el-range__icon', 'el-icon-date']}),_c('el-select',{ref:"startmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.startPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[1] !== '' && _vm.vl[1] < index,"label":item,"value":index}})}),1),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-select',{ref:"endmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.endPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[0] !== '' && _vm.vl[0] > index,"label":item,"value":index}})}),1),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"(vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var month_rangevue_type_template_id_66ecb64b_staticRenderFns = []
+    ],on:{"mouseleave":function($event){_vm.showClose = true}}},[_c('i',{class:['el-input__icon', 'el-range__icon', 'el-icon-date']}),_c('el-select',{ref:"startmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.startPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[1] !== '' && _vm.vl[1] < index,"label":item,"value":index}})}),1),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-select',{ref:"endmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.endPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[0] !== '' && _vm.vl[0] > index,"label":item,"value":index}})}),1),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"clearable && (vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var month_rangevue_type_template_id_1e1f2054_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/month-range.vue?vue&type=template&id=66ecb64b&
+// CONCATENATED MODULE: ./src/components/month-range.vue?vue&type=template&id=1e1f2054&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=script&lang=js&
 
@@ -4287,7 +4498,11 @@ var month_rangevue_type_template_id_66ecb64b_staticRenderFns = []
     'range-separator': String,
     startPlaceholder: '',
     endPlaceholder: '',
-    size: String
+    size: String,
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -4453,8 +4668,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   components_month_rangevue_type_script_lang_js_,
-  month_rangevue_type_template_id_66ecb64b_render,
-  month_rangevue_type_template_id_66ecb64b_staticRenderFns,
+  month_rangevue_type_template_id_1e1f2054_render,
+  month_rangevue_type_template_id_1e1f2054_staticRenderFns,
   false,
   null,
   null,
@@ -4463,8 +4678,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var month_range = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d570aa98-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/date-range.vue?vue&type=template&id=2a561b14&
-var date_rangevue_type_template_id_2a561b14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"date-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/date-range.vue?vue&type=template&id=48e20927&
+var date_rangevue_type_template_id_48e20927_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"date-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       'el-range-editor--' + _vm.size,
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
@@ -4472,11 +4687,11 @@ var date_rangevue_type_template_id_2a561b14_render = function () {var _vm=this;v
         disabledDate: _vm.startDisabledDate
       },"placeholder":_vm.startPlaceholder,"validate-event":false},on:{"change":_vm.stratHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[0])}},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}}),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-date-picker',{ref:"endyear",attrs:{"type":_vm.dateType,"value-format":_vm.valueFormat,"prefix-icon":"a","size":_vm.size,"disabled":_vm.disabled,"picker-options":{
         disabledDate: _vm.endDisabledDate
-      },"placeholder":_vm.endPlaceholder,"validate-event":false},on:{"change":_vm.endHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[1])}},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] != '' || _vm.vl[1] != '') && !_vm.disabled),expression:"(vl[0] != '' || vl[1] != '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var date_rangevue_type_template_id_2a561b14_staticRenderFns = []
+      },"placeholder":_vm.endPlaceholder,"validate-event":false},on:{"change":_vm.endHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[1])}},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] != '' || _vm.vl[1] != '') && !_vm.disabled),expression:"clearable && (vl[0] != '' || vl[1] != '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var date_rangevue_type_template_id_48e20927_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/date-range.vue?vue&type=template&id=2a561b14&
+// CONCATENATED MODULE: ./src/components/date-range.vue?vue&type=template&id=48e20927&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
@@ -4572,7 +4787,11 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
     startPlaceholder: '',
     endPlaceholder: '',
     size: String,
-    pickerOptions: null
+    pickerOptions: null,
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -4682,8 +4901,8 @@ var date_rangevue_type_style_index_0_lang_scss_ = __webpack_require__("1d32");
 
 var date_range_component = normalizeComponent(
   components_date_rangevue_type_script_lang_js_,
-  date_rangevue_type_template_id_2a561b14_render,
-  date_rangevue_type_template_id_2a561b14_staticRenderFns,
+  date_rangevue_type_template_id_48e20927_render,
+  date_rangevue_type_template_id_48e20927_staticRenderFns,
   false,
   null,
   null,
@@ -4692,8 +4911,8 @@ var date_range_component = normalizeComponent(
 )
 
 /* harmony default export */ var date_range = (date_range_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d570aa98-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=template&id=284ad8b0&
-var time_select_rangevue_type_template_id_284ad8b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=template&id=2769adfe&
+var time_select_rangevue_type_template_id_2769adfe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       ('el-range-editor--' + _vm.size),
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
@@ -4707,11 +4926,11 @@ var time_select_rangevue_type_template_id_284ad8b0_render = function () {var _vm
         step: _vm.pickerOptions.step,
         end: _vm.pickerOptions.end,
         minTime: _vm.vl[0]
-      },"prefix-icon":"1"},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"(vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var time_select_rangevue_type_template_id_284ad8b0_staticRenderFns = []
+      },"prefix-icon":"1"},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"clearable && (vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var time_select_rangevue_type_template_id_2769adfe_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/time-select-range.vue?vue&type=template&id=284ad8b0&
+// CONCATENATED MODULE: ./src/components/time-select-range.vue?vue&type=template&id=2769adfe&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=script&lang=js&
 //
@@ -4784,7 +5003,11 @@ var time_select_rangevue_type_template_id_284ad8b0_staticRenderFns = []
     startPlaceholder: '',
     endPlaceholder: '',
     size: String,
-    pickerOptions: ''
+    pickerOptions: '',
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -4843,8 +5066,8 @@ var time_select_rangevue_type_style_index_0_lang_scss_ = __webpack_require__("a2
 
 var time_select_range_component = normalizeComponent(
   components_time_select_rangevue_type_script_lang_js_,
-  time_select_rangevue_type_template_id_284ad8b0_render,
-  time_select_rangevue_type_template_id_284ad8b0_staticRenderFns,
+  time_select_rangevue_type_template_id_2769adfe_render,
+  time_select_rangevue_type_template_id_2769adfe_staticRenderFns,
   false,
   null,
   null,
@@ -4899,6 +5122,11 @@ function broadcast(componentName, eventName, params) {
 
 
 
+
+//
+//
+//
+//
 //
 //
 //
@@ -5097,17 +5325,21 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
       default: ''
     },
     pickerOptions: {
-      type: Object,
-      default: function _default() {
-        return {
-          start: '00:00',
-          step: '00:60',
-          end: '23:00'
-        };
-      }
+      type: Object
+    },
+    clearable: {
+      type: Boolean,
+      default: true
     }
   },
   computed: {
+    PickerOptions: function PickerOptions() {
+      return _objectSpread2({
+        start: '00:00',
+        step: '00:60',
+        end: '23:00'
+      }, this.pickerOptions);
+    },
     startPlaceholder: function startPlaceholder() {
       if (this.placeholder && this.placeholder.split('/').length == 2) {
         return this.placeholder ? this.placeholder.split('/')[0] : placeholderMap[this.type].split('/')[0];
@@ -5152,6 +5384,8 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
   watch: {
     selfValue: {
       handler: function handler(newVal, oldVal) {
+        var _this = this;
+
         this.dateKeyChange && (this.dateKey = Math.random());
         var time = ['', ''];
 
@@ -5167,14 +5401,17 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
           this.$emit('update:start', time[0]);
           this.$emit('update:end', time[1].replace('00:00:00', '23:59:59'));
           this.$emit('change', [time[0], time[1].replace('00:00:00', '23:59:59')]);
-          this.$parent.$emit('el.form.blur'); // 触发父组件表单校验
         } else {
           this.$emit('update:start', time[0]);
           this.$emit('update:end', time[1]);
           this.$emit('change', time);
-          this.$parent.$emit('el.form.blur'); // 触发父组件表单校验
         }
 
+        this.$parent.$nextTick(function () {
+          _this.$parent.$emit('el.form.blur', time); // 触发父组件表单校验
+
+        });
+
         if (newVal === null || newVal === undefined) {
           this.selfValue = ['', ''];
         }
@@ -5303,7 +5540,9 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
       }
     },
     // 模拟表单验证成功
-    validate: function validate(trigger, callback) {},
+    validate: function validate(trigger, callback) {
+      callback();
+    },
     clearValidate: function clearValidate() {},
     getRules: function getRules() {
       return [];
@@ -5315,12 +5554,16 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
 });
 // CONCATENATED MODULE: ./src/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var srcvue_type_script_lang_js_ = (lib_vue_loader_options_srcvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/index.vue?vue&type=style&index=0&lang=scss&
+var srcvue_type_style_index_0_lang_scss_ = __webpack_require__("1368");
+
 // CONCATENATED MODULE: ./src/index.vue
 
 
 
 
 
+
 /* normalize component */
 
 var src_component = normalizeComponent(