vxe-pc-ui 3.15.0 → 3.15.2

package/lib/date-picker/src/date-picker.js

@@ -99,6 +99,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     labelFormat: String,
     valueFormat: String,
     timeFormat: String,
+    inputFormat: String,
     editable: {
       type: Boolean,
       default: true
@@ -140,6 +141,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().datePicker.autoClose;
       }
     },
+    controlConfig: Object,
     prefixIcon: String,
     suffixIcon: String,
     placement: String,
@@ -191,7 +193,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       inputLabel: ''
     };
     var internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     };
     return {
       xID: xID,
@@ -335,6 +338,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         valueFormat = props.valueFormat;
       return (0, _util.handleValueFormat)(type, valueFormat);
     },
+    computeDateInputFormat: function computeDateInputFormat() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var type = props.type,
+        inputFormat = props.inputFormat;
+      return (0, _util.handleInputFormat)(type, inputFormat);
+    },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
@@ -360,6 +370,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         });
         return dateObj.label;
       }).join(', ');
+    },
+    computeControlOpts: function computeControlOpts() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      return Object.assign({}, (0, _ui.getConfig)().datePicker.controlConfig, props.controlConfig);
     }
   }),
   methods: {
@@ -482,6 +497,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDatePicker.datePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDatePicker.hidePanel();
       }
       $xeDatePicker.triggerEvent(evnt);
     },
@@ -530,6 +547,35 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }, evnt);
       }
     },
+    handleArrowInputDate: function handleArrowInputDate(evnt, isUpArrow) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      var multiple = props.multiple;
+      if (multiple) {
+        return;
+      }
+      var inputValue = reactData.inputValue;
+      if (!inputValue) {
+        return;
+      }
+      var targetElem = $xeDatePicker.$refs.refInputTarget;
+      if (!targetElem) {
+        return;
+      }
+      var parseInputKayMaps = internalData.parseInputKayMaps;
+      var inputFormat = $xeDatePicker.computeDateInputFormat;
+      var selectionStart = targetElem.selectionStart || 0;
+      var selectKey = inputFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = inputFormat[selectionStart - 1];
+      }
+      var inputPaesrFn = parseInputKayMaps[selectKey];
+      if (inputPaesrFn) {
+        inputPaesrFn(evnt, targetElem, isUpArrow);
+      }
+    },
     blurEvent: function blurEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -559,6 +605,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     keydownEvent: function keydownEvent(evnt) {
       var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var controlConfig = props.controlConfig;
+      var controlOpts = $xeDatePicker.computeControlOpts;
+      var isUpArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_UP);
+      var isDwArrow = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+        $xeDatePicker.handleArrowInputDate(evnt, isUpArrow);
+      }
       $xeDatePicker.triggerEvent(evnt);
     },
     keyupEvent: function keyupEvent(evnt) {
@@ -704,6 +758,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDatePicker.$refs.refInputTarget;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDatePicker.$nextTick();
+      }
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -730,13 +787,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -763,10 +816,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDatePicker.datePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDatePicker.hidePanel();
+        } else {
+          $xeDatePicker.datePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -898,6 +957,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeDatePicker;
       var slots = $xeDatePicker.$scopedSlots;
       var reactData = $xeDatePicker.reactData;
+      var popupOpts = $xeDatePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return (0, _ui.renderEmptyElement)($xeDatePicker);
+      }
       var type = props.type,
         multiple = props.multiple,
         showClearButton = props.showClearButton,
@@ -915,7 +978,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
       var shortcutList = $xeDatePicker.computeShortcutList;
       var timeOpts = $xeDatePicker.computeTimeOpts;
-      var popupOpts = $xeDatePicker.computePopupOpts;
       var position = shortcutOpts.position;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
@@ -1143,6 +1205,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   },
   created: function created() {
     var $xeDatePicker = this;
+    var internalData = $xeDatePicker.internalData;
+    var parseInputKayMaps = internalData.parseInputKayMaps;
+    var inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+    inputKeys.forEach(function (key) {
+      parseInputKayMaps[key] = function (evnt) {
+        evnt.preventDefault();
+      };
+    });
     $xeDatePicker.updateModelValue();
     _ui.globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
     _ui.globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);

package/lib/date-picker/src/date-picker.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDatePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",inputLabel:""},internalData:{hpTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,i=e.$xeModal,a=e.$xeDrawer,n=e.$xeForm,r=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===r){e=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||i||a||n)return!0}return r},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.type,t=this.editable,i=this.multiple;return this.computeFormReadonly||i||!t||"week"===e||"quarter"===e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabel:function(){var e=this,t=e.reactData,i=e.type,t=t.inputValue,a=e.computeDateLabelFormat,n=e.computeDateValueFormat,r=e.computeFirstDayOfWeek;return(t?e.multiple?t.split(","):[t]:[]).map(function(e){return(0,_util.parseDateObj)(e,i,{valueFormat:n,labelFormat:a,firstDay:r}).label}).join(", ")}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$datePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(){var e=this.reactData,t=this.value,i="";t&&(i=_xeUtils.default.isNumber(t)&&/^[0-9]{11,15}$/.test("".concat(t))?new Date(t):t),e.inputValue=i},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t){var i=this,a=i.reactData,n=i.$xeForm,r=i.formItemInfo,o=i.type,l=i.value,u=i.valueFormat,c=i.computeDateValueFormat;a.inputValue=e,(0,_util.hasTimestampValueType)(u)?(a=(a=(0,_util.parseDateValue)(e,o,{valueFormat:c}))?a.getTime():null,i.emitModel(a),l!==a&&(i.dispatchEvent("change",{value:a},t),n)&&r&&n.triggerItemEvent(t,r.itemConfig.field,a)):(0,_util.hasDateValueType)(u)?(a=(0,_util.parseDateValue)(e,o,{valueFormat:c}),i.emitModel(a),(l&&a?_xeUtils.default.toStringDate(l).getTime()!==a.getTime():l!==a)&&(i.dispatchEvent("change",{value:a},t),n)&&r&&n.triggerItemEvent(t,r.itemConfig.field,a)):(i.emitModel(e),_xeUtils.default.toValueString(l)!==e&&(i.dispatchEvent("change",{value:e},t),n)&&r&&n.triggerItemEvent(t,r.itemConfig.field,e))},inputEvent:function(e){var t=this.reactData,i=e.target.value;t.inputLabel=i,this.dispatchEvent("input",{value:i},e)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this.reactData,i=this.computePopupOpts.trigger;t.isActivated=!0,i&&"default"!==i||this.datePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},hidePanel:function(){var t=this.reactData,i=this.internalData;return new Promise(function(e){t.visiblePanel=!1,i.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},blurEvent:function(e){var t=this,i=t.reactData,a=t.$xeForm,n=t.formItemInfo,r=t.$refs.refDatePanel,o=i.inputValue;t.computeInpImmediate||t.handleChange(o,e),i.visiblePanel||(i.isActivated=!1,r&&r.checkValue(i.inputLabel)),t.dispatchEvent("blur",{value:o},e),a&&n&&a.triggerItemEvent(e,n.itemConfig.field,o)},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t=this.$refs.refDatePanel;t&&t.confirmByEvent(e),this.hidePanel()},panelChangeEvent:function(e){var t=this.multiple,i=this.autoClose,a=e.value,n=this.computeIsDateTimeType;this.handleChange(a,e.$event),t||n||i&&this.hidePanel()},panelConfirmEvent:function(e){this.dispatchEvent("confirm",e,e.$event)},panelRevertEvent:function(e){this.reactData.inputLabel=e.label},handleGlobalMousedownEvent:function(e){var t=this,i=t.reactData,a=t.$refs.refDatePanel,n=i.visiblePanel,r=t.$refs.refElem,o=t.$refs.refPanelWrapper;!t.computeIsDisabled&&i.isActivated&&(i.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,o).flag,i.isActivated||n&&(t.hidePanel(),a)&&a.checkValue(i.inputLabel))},handleGlobalKeydownEvent:function(e){var t,i=this.reactData,a=i.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(i.isActivated=!1),a&&(e||t)&&this.hidePanel())},handleGlobalMousewheelEvent:function(e){var t=this,i=t.reactData.visiblePanel;t.computeIsDisabled||i&&(i=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,i).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=this.$refs.refDatePanel,i=e.isActivated,a=e.visiblePanel;a&&this.hidePanel(),i&&(e.isActivated=!1),(a||i)&&(t&&t.checkValue(e.inputLabel),a=this.$refs.refInputTarget)&&a.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(r,o,{placement:u.placement||a,defaultPlacement:u.defaultPlacement,teleportTo:l}),t=Object.assign(e.style,{zIndex:n});i.panelStyle=t,i.panelPlacement=e.placement}var t=this,i=t.reactData,a=t.placement,n=i.panelIndex,r=t.$refs.refInputTarget,o=t.$refs.refInputPanel,l=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var e=this,t=e.reactData,i=e.internalData,a=t.visiblePanel,n=e.computeBtnTransfer,r=e.$refs.refInputPanel;return e.computeIsDisabled||a?e.$nextTick():(t.initialized||(t.initialized=!0,n&&r&&document.body.appendChild(r)),i.hpTimeout&&(clearTimeout(i.hpTimeout),i.hpTimeout=void 0),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},datePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.computePopupOpts.trigger;t&&"default"!==t&&"icon"!==t||this.datePickerOpenEvent(e)},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,i=e.$event,a=this,e=a.reactData,n=a.type,e=e.inputValue,r=a.computeShortcutOpts,o=r.autoClose,l=t.code,u=t.clickMethod,c={$datePicker:a,option:t,value:d=e,code:l};if(!u&&l){t=_ui.commands.get(l),e=t?t.datePickerCommandMethod:null;if(e)e(c);else{var s=a.computeDateValueFormat,p=a.computeFirstDayOfWeek;switch(l){case"now":case"prev":case"next":case"minus":case"plus":var d=(0,_util.getDateByCode)(l,d,n,{valueFormat:s,firstDay:p}).value;c.value=d,a.handleChange(d,i);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-picker] ".concat(l)])}}}else{t=u||r.clickMethod;t&&t(c)}o&&a.hidePanel(),a.dispatchEvent("shortcut-click",c,i)},setModelValue:function(e){this.reactData.inputValue=e,this.emitModel(e)},setModelValueByEvent:function(e,t){this.handleChange(t||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,i){var a=this.computeShortcutOpts,n=a.position,r=a.align,o=a.mode,l=this.computeShortcutList;return(0,_utils.isEnableConf)(a)&&l.length&&(n||"left")===t?e("div",{class:"vxe-date-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:l,mode:o,align:r,vertical:i},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,i=t,a=t.$scopedSlots,n=t.reactData,r=i.type,o=i.showClearButton,l=i.showConfirmButton,u=n.initialized,c=n.isAniVisible,s=n.visiblePanel,p=n.panelPlacement,d=n.panelStyle,f=n.inputValue,m=t.computeSize,v=t.computeBtnTransfer,h=t.computeTimeOpts,g=t.computeShortcutOpts.position,b=a.header,y=a.footer,_=a.top,P=a.bottom,x=a.left,a=a.right,E=t.computePopupOpts.className,D=0<t.computeShortcutList.length,l=null===l?t.computeIsDateTimeType||i.multiple:l,o=null===o?t.computeIsClearable&&l&&"time"!==r:o;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-picker--panel","type--".concat(r),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",v),"ani--leave",c),"ani--enter",s),"show--top",!!(_||b||D&&("top"===g||"header"===g))),"show--bottom",!!(P||y||D&&("bottom"===g||"footer"===g))),"show--left",!!(x||D&&"left"===g)),"show--right",!!(a||D&&"right"===g))],attrs:{placement:p},style:d},u&&(s||c)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-picker--layout-all-wrapper","type--".concat(r),E?_xeUtils.default.isFunction(E)?E({$datePicker:t}):E:"",_defineProperty({},"size--".concat(m),m)]},[_?e("div",{class:"vxe-date-picker--layout-top-wrapper"},_({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[x?e("div",{class:"vxe-date-picker--layout-left-wrapper"},x({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[b?e("div",{class:"vxe-date-picker--layout-header-wrapper"},b({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refDatePanel",props:{value:n.inputValue,type:i.type,className:i.className,multiple:i.multiple,limitCount:i.limitCount,startDate:i.startDate,endDate:i.endDate,defaultDate:i.defaultDate,defaultTime:i.defaultTime,minDate:i.minDate,maxDate:i.maxDate,startDay:i.startDay,labelFormat:i.labelFormat,valueFormat:i.valueFormat,timeFormat:i.timeFormat,timeConfig:h,festivalMethod:i.festivalMethod,disabledMethod:i.disabledMethod,selectDay:i.selectDay},on:{change:t.panelChangeEvent,confirm:t.panelConfirmEvent,revert:t.panelRevertEvent}})]),e("div",{class:"vxe-date-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-picker--layout-footer-custom"},y?y({}):[t.renderShortcutBtn(e,"footer")]),o||l?e("div",{class:"vxe-date-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:""===f||_xeUtils.default.eqNull(f),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),l?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t)])]),a?e("div",{class:"vxe-date-picker--layout-right-wrapper"},a({})):t.renderShortcutBtn(e,"right",!0)]),P?e("div",{class:"vxe-date-picker--layout-bottom-wrapper"},P({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,i=this.prefixIcon,t=t.prefix;return t||i?e("div",{class:"vxe-date-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:i})])]):null},renderSuffixIcon:function(e){var t=this,i=t.$scopedSlots,a=t.suffixIcon,n=t.reactData.inputValue,i=i.suffix,r=t.computeIsClearable;return e("div",{class:["vxe-date-picker--suffix",{"is--clear":r&&!t.computeIsDisabled&&!(""===n||_xeUtils.default.eqNull(n))}]},[r?e("div",{class:"vxe-date-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),i||a?e("div",{class:"vxe-date-picker--suffix-icon",on:{click:t.clickSuffixEvent}},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:a})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-picker--control-icon",on:{click:this.clickIconEvent}},[e("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,i,a,n,r=this,o=r.reactData,l=r.className,u=r.type,c=r.name,s=r.autoComplete,p=o.inputValue,d=o.inputLabel,f=o.visiblePanel,o=o.isActivated,m=r.computeSize,v=r.computeIsDisabled,h=r.computePanelLabel;return r.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-picker--readonly","type--".concat(u),l]},h):(h=r.computeInputReadonly,t=r.computeInpPlaceholder,i=r.computeIsClearable,a=r.renderPrefixIcon(e),n=r.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-picker","type--".concat(u),l,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!a),"is--suffix",!!n),"is--visible",f),"is--disabled",v),"is--active",o),"show--clear",i&&!v&&!(""===p||_xeUtils.default.eqNull(p)))],attrs:{spellcheck:!1}},[a||(0,_ui.renderEmptyElement)(r),e("div",{class:"vxe-date-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-picker--inner",domProps:{value:d},attrs:{name:c,type:"text",placeholder:t,readonly:h,disabled:v,autocomplete:s},on:{keydown:r.keydownEvent,keyup:r.keyupEvent,click:r.clickEvent,input:r.inputEvent,change:r.changeEvent,focus:r.focusEvent,blur:r.blurEvent}})]),n||(0,_ui.renderEmptyElement)(r),r.renderPanel(e)]))}},watch:{computePanelLabel:function(e){this.reactData.inputLabel=e},value:function(){this.updateModelValue()}},created:function(){var e=this;e.updateModelValue(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../../date-panel/src/util"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDatePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.clearable}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size}},multiple:Boolean,limitCount:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.limitCount}},startDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.startDate}},endDate:{type:[String,Number,Date],default:function(){return(0,_ui.getConfig)().datePicker.endDate}},defaultDate:[String,Number,Date],defaultTime:[String,Number,Date],minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,inputFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().datePicker.disabledMethod}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().datePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().datePicker.autoClose}},controlConfig:Object,prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object,startWeek:Number},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDatePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",inputLabel:""},internalData:{parseInputKayMaps:{}}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,i=e.$xeForm,r=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===r){e=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||a||n||i)return!0}return r},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return this.computeIsDateTimeType||-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInputReadonly:function(){var e=this.type,t=this.editable,a=this.multiple;return this.computeFormReadonly||a||!t||"week"===e||"quarter"===e},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeDateInputFormat:function(){var e=this.type,t=this.inputFormat;return(0,_util.handleInputFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabel:function(){var e=this,t=e.reactData,a=e.type,t=t.inputValue,n=e.computeDateLabelFormat,i=e.computeDateValueFormat,r=e.computeFirstDayOfWeek;return(t?e.multiple?t.split(","):[t]:[]).map(function(e){return(0,_util.parseDateObj)(e,a,{valueFormat:i,labelFormat:n,firstDay:r}).label}).join(", ")},computeControlOpts:function(){return Object.assign({},(0,_ui.getConfig)().datePicker.controlConfig,this.controlConfig)}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$datePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},updateModelValue:function(){var e=this.reactData,t=this.value,a="";t&&(a=_xeUtils.default.isNumber(t)&&/^[0-9]{11,15}$/.test("".concat(t))?new Date(t):t),e.inputValue=a},triggerEvent:function(e){var t=this.reactData.inputValue;this.dispatchEvent(e.type,{value:t},e)},handleChange:function(e,t){var a=this,n=a.reactData,i=a.$xeForm,r=a.formItemInfo,o=a.type,l=a.value,u=a.valueFormat,c=a.computeDateValueFormat;n.inputValue=e,(0,_util.hasTimestampValueType)(u)?(n=(n=(0,_util.parseDateValue)(e,o,{valueFormat:c}))?n.getTime():null,a.emitModel(n),l!==n&&(a.dispatchEvent("change",{value:n},t),i)&&r&&i.triggerItemEvent(t,r.itemConfig.field,n)):(0,_util.hasDateValueType)(u)?(n=(0,_util.parseDateValue)(e,o,{valueFormat:c}),a.emitModel(n),(l&&n?_xeUtils.default.toStringDate(l).getTime()!==n.getTime():l!==n)&&(a.dispatchEvent("change",{value:n},t),i)&&r&&i.triggerItemEvent(t,r.itemConfig.field,n)):(a.emitModel(e),_xeUtils.default.toValueString(l)!==e&&(a.dispatchEvent("change",{value:e},t),i)&&r&&i.triggerItemEvent(t,r.itemConfig.field,e))},inputEvent:function(e){var t=this.reactData,a=e.target.value;t.inputLabel=a,this.dispatchEvent("input",{value:a},e)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this,a=t.reactData,n=t.computePopupOpts.trigger;a.isActivated=!0,n&&"default"!==n?"icon"===n&&t.hidePanel():t.datePickerOpenEvent(e),t.triggerEvent(e)},clickPrefixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("prefix-click",{value:t},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel(),this.handleChange("",e),this.dispatchEvent("clear",{value:t},e)},clickSuffixEvent:function(e){var t=this.reactData;this.computeIsDisabled||(t=t.inputValue,this.dispatchEvent("suffix-click",{value:t},e))},handleArrowInputDate:function(e,t){var a,n,i=this,r=i.reactData;i.multiple||r.inputValue&&(r=i.$refs.refInputTarget)&&(n=(n=i.internalData.parseInputKayMaps)[a=n[a=(n=i.computeDateInputFormat)[i=r.selectionStart||0]]?a:n[i-1]])&&n(e,r,t)},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,i=t.formItemInfo,r=t.$refs.refDatePanel,o=a.inputValue;t.computeInpImmediate||t.handleChange(o,e),a.visiblePanel||(a.isActivated=!1,r&&r.checkValue(a.inputLabel)),t.dispatchEvent("blur",{value:o},e),n&&i&&n.triggerItemEvent(e,i.itemConfig.field,o)},keydownEvent:function(e){var t=this.controlConfig,a=this.computeControlOpts,n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(n||i)&&a.isArrow&&(t||a.enabled)&&this.handleArrowInputDate(e,n),this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t=this.$refs.refDatePanel;t&&t.confirmByEvent(e),this.hidePanel()},panelChangeEvent:function(e){var t=this.multiple,a=this.autoClose,n=e.value,i=this.computeIsDateTimeType;this.handleChange(n,e.$event),t||i||a&&this.hidePanel()},panelConfirmEvent:function(e){this.dispatchEvent("confirm",e,e.$event)},panelRevertEvent:function(e){this.reactData.inputLabel=e.label},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=t.$refs.refDatePanel,i=a.visiblePanel,r=t.$refs.refElem,o=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,o).flag,a.isActivated||i&&(t.hidePanel(),n)&&n.checkValue(a.inputLabel))},handleGlobalKeydownEvent:function(e){var t,a=this.reactData,n=a.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(a.isActivated=!1),n&&(e||t)&&this.hidePanel())},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():t.hidePanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=this.$refs.refDatePanel,a=e.isActivated,n=e.visiblePanel;n&&this.hidePanel(),a&&(e.isActivated=!1),(n||a)&&(t&&t.checkValue(e.inputLabel),n=this.$refs.refInputTarget)&&n.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var a,n,e,t=this,i=t.reactData,r=t.placement,o=i.panelIndex,l=t.$refs.refInputTarget,u=t.$refs.refInputPanel;return u?(a=t.computeBtnTransfer,n=t.computePopupOpts,(e=function(){var e=(0,_dom.updatePanelPlacement)(l,u,{placement:n.placement||r,defaultPlacement:n.defaultPlacement,teleportTo:a}),t=Object.assign(e.style,{zIndex:o});i.panelStyle=t,i.panelPlacement=e.placement})(),t.$nextTick().then(e)):t.$nextTick()},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,i=e.computeBtnTransfer,r=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(!t.initialized&&i&&r&&(t.initialized=!0,document.body.appendChild(r)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},datePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.reactData.visiblePanel,a=this.computePopupOpts.trigger;a&&"default"!==a&&"icon"!==a||(t?this.hidePanel():this.datePickerOpenEvent(e))},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,i=n.type,e=e.inputValue,r=n.computeShortcutOpts,o=r.autoClose,l=t.code,u=t.clickMethod,c={$datePicker:n,option:t,value:d=e,code:l};if(!u&&l){t=_ui.commands.get(l),e=t?t.datePickerCommandMethod:null;if(e)e(c);else{var s=n.computeDateValueFormat,p=n.computeFirstDayOfWeek;switch(l){case"now":case"prev":case"next":case"minus":case"plus":var d=(0,_util.getDateByCode)(l,d,i,{valueFormat:s,firstDay:p}).value;c.value=d,n.handleChange(d,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-picker] ".concat(l)])}}}else{t=u||r.clickMethod;t&&t(c)}o&&n.hidePanel(),n.dispatchEvent("shortcut-click",c,a)},setModelValue:function(e){this.reactData.inputValue=e,this.emitModel(e)},setModelValueByEvent:function(e,t){this.handleChange(t||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,i=n.position,r=n.align,o=n.mode,l=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&l.length&&(i||"left")===t?e("div",{class:"vxe-date-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:l,mode:o,align:r,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t,a,n,i,r,o,l,u,c,s,p,d,f,m,v,h,g,b,y,_=this,E=_,P=_.$scopedSlots,D=_.reactData,x=_.computePopupOpts;return!1===x.enabled?(0,_ui.renderEmptyElement)(_):(t=E.type,a=D.initialized,n=D.isAniVisible,i=D.visiblePanel,r=D.panelPlacement,o=D.panelStyle,l=D.inputValue,u=_.computeSize,c=_.computeBtnTransfer,s=_.computeTimeOpts,p=_.computeShortcutOpts.position,d=P.header,f=P.footer,m=P.top,v=P.bottom,h=P.left,P=P.right,x=x.className,g=0<_.computeShortcutList.length,b=null===(b=E.showConfirmButton)?_.computeIsDateTimeType||E.multiple:b,y=null===(y=E.showClearButton)?_.computeIsClearable&&b&&"time"!==t:y,e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-picker--panel","type--".concat(t),_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(u),u),"is--transfer",c),"ani--leave",n),"ani--enter",i),"show--top",!!(m||d||g&&("top"===p||"header"===p))),"show--bottom",!!(v||f||g&&("bottom"===p||"footer"===p))),"show--left",!!(h||g&&"left"===p)),"show--right",!!(P||g&&"right"===p))],attrs:{placement:r},style:o},a&&(i||n)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-picker--layout-all-wrapper","type--".concat(t),x?_xeUtils.default.isFunction(x)?x({$datePicker:_}):x:"",_defineProperty({},"size--".concat(u),u)]},[m?e("div",{class:"vxe-date-picker--layout-top-wrapper"},m({})):_.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-picker--layout-body-layout-wrapper"},[h?e("div",{class:"vxe-date-picker--layout-left-wrapper"},h({})):_.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-picker--layout-body-content-wrapper"},[d?e("div",{class:"vxe-date-picker--layout-header-wrapper"},d({})):_.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refDatePanel",props:{value:D.inputValue,type:E.type,className:E.className,multiple:E.multiple,limitCount:E.limitCount,startDate:E.startDate,endDate:E.endDate,defaultDate:E.defaultDate,defaultTime:E.defaultTime,minDate:E.minDate,maxDate:E.maxDate,startDay:E.startDay,labelFormat:E.labelFormat,valueFormat:E.valueFormat,timeFormat:E.timeFormat,timeConfig:s,festivalMethod:E.festivalMethod,disabledMethod:E.disabledMethod,selectDay:E.selectDay},on:{change:_.panelChangeEvent,confirm:_.panelConfirmEvent,revert:_.panelRevertEvent}})]),e("div",{class:"vxe-date-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-picker--layout-footer-custom"},f?f({}):[_.renderShortcutBtn(e,"footer")]),y||b?e("div",{class:"vxe-date-picker--layout-footer-btns"},[y?e(_button.default,{props:{size:"mini",disabled:""===l||_xeUtils.default.eqNull(l),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:_.clearValueEvent}}):(0,_ui.renderEmptyElement)(_),b?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:_.confirmEvent}}):(0,_ui.renderEmptyElement)(_)]):(0,_ui.renderEmptyElement)(_)])]),P?e("div",{class:"vxe-date-picker--layout-right-wrapper"},P({})):_.renderShortcutBtn(e,"right",!0)]),v?e("div",{class:"vxe-date-picker--layout-bottom-wrapper"},v({})):_.renderShortcutBtn(e,"bottom")])]:[]))},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.suffixIcon,i=t.reactData.inputValue,a=a.suffix,r=t.computeIsClearable;return e("div",{class:["vxe-date-picker--suffix",{"is--clear":r&&!t.computeIsDisabled&&!(""===i||_xeUtils.default.eqNull(i))}]},[r?e("div",{class:"vxe-date-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||n?e("div",{class:"vxe-date-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:n})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-picker--control-icon",on:{click:this.clickIconEvent}},[e("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,i,r=this,o=r.reactData,l=r.className,u=r.type,c=r.name,s=r.autoComplete,p=o.inputValue,d=o.inputLabel,f=o.visiblePanel,o=o.isActivated,m=r.computeSize,v=r.computeIsDisabled,h=r.computePanelLabel;return r.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-picker--readonly","type--".concat(u),l]},h):(h=r.computeInputReadonly,t=r.computeInpPlaceholder,a=r.computeIsClearable,n=r.renderPrefixIcon(e),i=r.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-picker","type--".concat(u),l,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!i),"is--visible",f),"is--disabled",v),"is--active",o),"show--clear",a&&!v&&!(""===p||_xeUtils.default.eqNull(p)))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(r),e("div",{class:"vxe-date-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-picker--inner",domProps:{value:d},attrs:{name:c,type:"text",placeholder:t,readonly:h,disabled:v,autocomplete:s},on:{keydown:r.keydownEvent,keyup:r.keyupEvent,click:r.clickEvent,input:r.inputEvent,change:r.changeEvent,focus:r.focusEvent,blur:r.blurEvent}})]),i||(0,_ui.renderEmptyElement)(r),r.renderPanel(e)]))}},watch:{computePanelLabel:function(e){this.reactData.inputLabel=e},value:function(){this.updateModelValue()}},created:function(){var e=this,t=e.internalData.parseInputKayMaps;["y","M","d","H","m","n"].forEach(function(e){t[e]=function(e){e.preventDefault()}}),e.updateModelValue(),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/date-range-picker/src/date-range-picker.js

@@ -592,6 +592,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDateRangePicker.hidePanel();
       }
       $xeDateRangePicker.triggerEvent(evnt);
     },
@@ -978,6 +980,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDateRangePicker.$refs.refInputTarget;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDateRangePicker.$nextTick();
+      }
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -1004,13 +1009,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -1038,10 +1039,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDateRangePicker.hidePanel();
+        } else {
+          $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -1184,6 +1191,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeDateRangePicker;
       var slots = $xeDateRangePicker.$scopedSlots;
       var reactData = $xeDateRangePicker.reactData;
+      var popupOpts = $xeDateRangePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return (0, _ui.renderEmptyElement)($xeDateRangePicker);
+      }
       var type = props.type,
         separator = props.separator,
         autoClose = props.autoClose,
@@ -1206,7 +1217,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var defaultDates = $xeDateRangePicker.computeDefaultDates;
       var defaultTimes = $xeDateRangePicker.computeDefaultTimes;
       var timeOpts = $xeDateRangePicker.computeTimeOpts;
-      var popupOpts = $xeDateRangePicker.computePopupOpts;
       var startLabel = panelLabelObj.startLabel,
         endLabel = panelLabelObj.endLabel;
       var position = shortcutOpts.position;

package/lib/date-range-picker/src/date-range-picker.min.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,o=[],u=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;u=!1}else for(;!(u=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},linkedPanels:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.linkedPanels}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,i=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===i){e=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||a||n||r)return!0}return i},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDefaultDates:function(){var e=this.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeDefaultTimes:function(){var e=this.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$dateRangePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,n=this.valueType,r=_xeUtils.default.isArray(a);if(n)switch(n){case"array":r=!0;break;case"string":r=!1}return e||t?(a=[e||"",t||""],r?a:a.join(",")):r?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t)),u=e&&t||!e&&!t;n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r,startValue:e,endValue:t,isFinish:u},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this.reactData,a=this.computePopupOpts.trigger;t.isActivated=!0,a&&"default"!==a||this.dateRangePickerOpenEvent(e),this.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel();this.handleChange("","",e),this.dispatchEvent("clear",{value:t,startValue:"",endValue:""},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),t=t.getModelValue(),e&&t||this.handleChange("","",{type:"check"}))},panelCellClassName:function(e){var e=e.date,t=this.reactData,a=t.startValue,t=t.endValue;if(a&&t){e=e.getTime(),a=_xeUtils.default.toStringDate(a).getTime(),t=_xeUtils.default.toStringDate(t).getTime();if(a<=e&&e<=t)return"is--range-selected"}return""},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this,r=n.$refs.refStartDatePanel,i=n.$refs.refEndDatePanel;r&&i&&(t=r.getModelValue(),a=i.getModelValue(),t&&!a||!t&&a?n.handleChange("","",e):(r.confirmByEvent(e),i.confirmByEvent(e)),r=n.getRangeValue(t,a),n.dispatchEvent("confirm",{value:r,startValue:t,endValue:a},e)),n.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getModelValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},startPanelDateBtnChangeEvent:function(e){if(this.linkedPanels){var e=e.viewType,t=this.$refs.refStartDatePanel,a=this.$refs.refEndDatePanel;if(t&&a){var n=t.getPanelDate();if(n){var r=n.getFullYear(),i=n.getMonth();switch(e){case"day":case"date":case"week":i<11?n.setMonth(i+1):(n.setFullYear(r+1),n.setMonth(0)),a.setPanelDate(n)}}}}},endPanelDateBtnChangeEvent:function(e){if(this.linkedPanels){var e=e.viewType,t=this.$refs.refStartDatePanel,a=this.$refs.refEndDatePanel;if(t&&a){var n=a.getPanelDate();if(n){var r=n.getFullYear(),i=n.getMonth();switch(e){case"day":case"date":case"week":i?n.setMonth(i-1):(n.setFullYear(r-1),n.setMonth(11)),t.setPanelDate(n)}}}}},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalKeydownEvent:function(e){var t,a=this.reactData,n=a.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(a.isActivated=!1),n&&(e||t)&&(this.checkValue(),this.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():(t.checkValue(),t.hidePanel()))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,a=e.isActivated;t&&(this.checkValue(),this.hidePanel()),a&&(e.isActivated=!1),(t||a)&&(e=this.$refs.refInputTarget)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(i,l,{placement:u.placement||n,defaultPlacement:u.defaultPlacement,teleportTo:o}),t=Object.assign(e.style,{zIndex:r});a.panelStyle=t,a.panelPlacement=e.placement}var t=this,a=t.reactData,n=t.placement,r=a.panelIndex,i=t.$refs.refInputTarget,l=t.$refs.refInputPanel,o=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(t.initialized||(t.initialized=!0,r&&i&&document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.computePopupOpts.trigger;t&&"default"!==t&&"icon"!==t||this.dateRangePickerOpenEvent(e)},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var f=n.computeDateValueFormat,p=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:f,firstDay:p}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] ".concat(o)])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t=this,a=t,n=t.$scopedSlots,r=t.reactData,i=a.type,l=a.separator,o=a.autoClose,u=a.showConfirmButton,s=a.showClearButton,c=r.initialized,d=r.isAniVisible,f=r.visiblePanel,p=r.panelPlacement,m=r.panelStyle,h=r.startValue,r=r.endValue,v=t.computeSize,g=t.computeBtnTransfer,y=t.computeIsClearable,b=t.computePanelLabelObj,D=t.computeShortcutList,P=t.computeIsDateTimeType,_=t.computeDefaultTimes,x=t.computeTimeOpts,E=b.startLabel,b=b.endLabel,V=t.computeShortcutOpts.position,k=n.header,S=n.footer,C=n.top,I=n.bottom,T=n.left,n=n.right,w=t.computePopupOpts.className,$=_slicedToArray(t.computeDefaultDates,2),F=$[0],$=$[1],_=_slicedToArray(_,2),R=_[0],_=_[1],D=0<D.length,P=null===u?P||!o:u,o=null===s?y:s;return e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(i),w?_xeUtils.default.isFunction(w)?w({$dateRangePicker:t}):w:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",g),"ani--leave",d),"ani--enter",f),"show--top",!!(C||k||D&&("top"===V||"header"===V))),"show--bottom",!!(I||S||D&&("bottom"===V||"footer"===V))),"show--left",!!(T||D&&"left"===V)),"show--right",!!(n||D&&"right"===V))],attrs:{placement:p},style:m},c&&(f||d)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(v),v)]},[C?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},C({})):t.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[T?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},T({})):t.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[k?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},k({})):t.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:h,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,endDate:r,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:F,defaultTime:R,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent,datePrev:t.endPanelDateBtnChangeEvent,dateToday:t.endPanelDateBtnChangeEvent,dateNext:t.endPanelDateBtnChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:r,type:a.type,className:a.className,minDate:a.minDate,maxDate:a.maxDate,startDate:h,startDay:a.startDay,labelFormat:a.labelFormat,valueFormat:a.valueFormat,timeFormat:a.timeFormat,defaultDate:$,defaultTime:_,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent,datePrev:t.endPanelDateBtnChangeEvent,dateToday:t.endPanelDateBtnChangeEvent,dateNext:t.endPanelDateBtnChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},E||b?[e("span",E),e("span","".concat(l||"")),e("span",b)]:"".concat(l||"")),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},S?S({}):[t.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[o?e(_button.default,{props:{size:"mini",disabled:!(h||r),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:t.clearValueEvent}}):(0,_ui.renderEmptyElement)(t),P?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}}):(0,_ui.renderEmptyElement)(t)])])]),n?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},n({})):t.renderShortcutBtn(e,"right",!0)]),I?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},I({})):t.renderShortcutBtn(e,"bottom")])]:[])},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,f=l.endValue,p=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",p),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||f))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,editable:!1,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var a;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(a="Object"===(a={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:a)||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function _iterableToArrayLimit(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,o=[],u=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;u=!1}else for(;!(u=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.clearable}},linkedPanels:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.linkedPanels}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size}},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.startDay}},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.festivalMethod}},disabledMethod:{type:Function,default:function(){return(0,_ui.getConfig)().dateRangePicker.disabledMethod}},separator:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.separator}},selectDay:{type:[String,Number],default:function(){return(0,_ui.getConfig)().dateRangePicker.selectDay}},showClearButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showClearButton}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.showConfirmButton}},autoClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().dateRangePicker.autoClose}},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},timeConfig:Object,popupConfig:Object,shortcutConfig:Object},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeDateRangePicker:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""},internalData:{}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,a=e.$xeModal,n=e.$xeDrawer,r=e.$xeForm,i=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===i){e=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||a||n||r)return!0}return i},computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeDefaultDates:function(){var e=this.defaultDate;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeDefaultTimes:function(){var e=this.defaultTime;return e?_xeUtils.default.isArray(e)?e:-1<"".concat(e).indexOf(",")?"".concat(e).split(","):[e,e]:[]},computeMVal:function(){var e=this.startValue,t=this.endValue;return"".concat(e||"").concat(t||"")},computeIsDateTimeType:function(){var e=this.type;return"time"===e||"datetime"===e},computeIsDatePickerType:function(){return-1<["date","week","month","quarter","year"].indexOf(this.type)},computeIsClearable:function(){return this.clearable},computeInpPlaceholder:function(){var e=this.placeholder;return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")},computeInpImmediate:function(){return this.immediate},computeTimeOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.timeConfig,this.timeConfig)},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.popupConfig,this.popupConfig)},computeShortcutOpts:function(){return Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,this.shortcutConfig)},computeShortcutList:function(){var e=this.computeShortcutOpts.options;return e?e.map(function(e,t){return Object.assign({name:"".concat(e.name||e.code||t)},e)}):[]},computeDateLabelFormat:function(){return this.labelFormat||(0,_ui.getI18n)("vxe.input.date.labelFormat.".concat(this.type))},computeDateValueFormat:function(){var e=this.type,t=this.valueFormat;return(0,_util.handleValueFormat)(e,t)},computeFirstDayOfWeek:function(){var e=this.startDay;return _xeUtils.default.toNumber(e)},computePanelLabelObj:function(){var e=this.reactData,t=e.startValue,e=e.endValue;return this.formatRangeLabel(t||e?[t||"",e||""]:[])},computeInputLabel:function(){return this.computePanelLabelObj.label}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,(0,_ui.createEvent)(a,{$dateRangePicker:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},formatRangeLabel:function(e){var t=this.type,a=this.separator,n=this.computeDateLabelFormat,r=this.computeDateValueFormat,i=this.computeFirstDayOfWeek,l=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:r,labelFormat:n,firstDay:i}):null,t=l?l.label:"",r=e?e.label:"";return{label:(t||r?[t,r]:[]).join("".concat(a||" ~ ")),startLabel:t,endLabel:r}},getRangeValue:function(e,t){var a=this.value,n=this.valueType,r=_xeUtils.default.isArray(a);if(n)switch(n){case"array":r=!0;break;case"string":r=!1}return e||t?(a=[e||"",t||""],r?a:a.join(",")):r?[]:""},paraeUpdateModel:function(){var e,t=this.type,a=this.value,n=this.computeDateValueFormat,r="",i="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:n}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:n}),(e||t)&&(r=e||"",i=t||"")):_xeUtils.default.isString(a)&&((n=a.split(","))[0]||n[1])&&(r=n[0]||"",i=n[1]||""),{sValue:r,eValue:i}},parseUpdateData:function(){var e=this.type,t=this.startValue,a=this.endValue,n=this.computeDateValueFormat;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:n}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:n})}},updateModelValue:function(e){var t=this,a=t.reactData,n=t.value,r=t.startValue,i=t.endValue,l={sValue:"",eValue:""},l=e?n?t.paraeUpdateModel():t.parseUpdateData():r||i?t.parseUpdateData():t.paraeUpdateModel();a.startValue=l.sValue,a.endValue=l.eValue},triggerEvent:function(e){var t=this.reactData,a=t.startValue,t=t.endValue,n=this.getRangeValue(a,t);this.dispatchEvent(e.type,{value:n,startValue:a,endValue:t},e)},handleChange:function(e,t,a){var n=this,r=n.reactData,i=n.$xeForm,l=n.formItemInfo,o=n.value,r=(r.startValue=e,n.getRangeValue(e,r.endValue=t)),u=e&&t||!e&&!t;n.emitModel(r),n.$emit("update:startValue",e||""),n.$emit("update:endValue",t||""),_xeUtils.default.toValueString(o)!==r&&(n.dispatchEvent("change",{value:r,startValue:e,endValue:t,isFinish:u},a),i)&&l&&i.triggerItemEvent(a,l.itemConfig.field,r)},changeEvent:function(e){this.computeInpImmediate||this.triggerEvent(e)},focusEvent:function(e){var t=this,a=t.reactData,n=t.computePopupOpts.trigger;a.isActivated=!0,n&&"default"!==n?"icon"===n&&t.hidePanel():t.dateRangePickerOpenEvent(e),t.triggerEvent(e)},clickPrefixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("prefix-click",{value:a,startValue:t,endValue:n},e))},hidePanel:function(){var t=this.reactData,a=this.internalData;return new Promise(function(e){t.visiblePanel=!1,a.hpTimeout=setTimeout(function(){t.isAniVisible=!1,e()},350)})},clearValueEvent:function(e,t){this.computeIsDatePickerType&&this.hidePanel();this.handleChange("","",e),this.dispatchEvent("clear",{value:t,startValue:"",endValue:""},e)},checkValue:function(){var e=this.$refs.refStartDatePanel,t=this.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),t=t.getModelValue(),e&&t||this.handleChange("","",{type:"check"}))},panelCellClassName:function(e){var e=e.date,t=this.reactData,a=t.startValue,t=t.endValue;if(a&&t){e=e.getTime(),a=_xeUtils.default.toStringDate(a).getTime(),t=_xeUtils.default.toStringDate(t).getTime();if(a<=e&&e<=t)return"is--range-selected"}return""},handleSelectClose:function(){var e=this,t=e.reactData,a=e.internalData,n=e.autoClose,r=t.startValue,t=t.endValue,i=a.selectStatus;n?i&&e.computeIsDatePickerType&&r&&t&&e.hidePanel():r&&t&&(a.selectStatus=!1)},clickSuffixEvent:function(e){var t,a,n=this.reactData;this.computeIsDisabled||(t=n.startValue,n=n.endValue,a=this.getRangeValue(t,n),this.dispatchEvent("suffix-click",{value:a,startValue:t,endValue:n},e))},blurEvent:function(e){var t=this,a=t.reactData,n=t.$xeForm,r=t.formItemInfo,i=a.startValue,l=a.endValue;t.computeInpImmediate||t.handleChange(i,l,e),a.visiblePanel||(a.isActivated=!1),t.dispatchEvent("blur",{value:"",startValue:i,endValue:l},e),n&&r&&n.triggerItemEvent(e,r.itemConfig.field,"")},keydownEvent:function(e){this.triggerEvent(e)},keyupEvent:function(e){this.triggerEvent(e)},confirmEvent:function(e){var t,a,n=this,r=n.$refs.refStartDatePanel,i=n.$refs.refEndDatePanel;r&&i&&(t=r.getModelValue(),a=i.getModelValue(),t&&!a||!t&&a?n.handleChange("","",e):(r.confirmByEvent(e),i.confirmByEvent(e)),r=n.getRangeValue(t,a),n.dispatchEvent("confirm",{value:r,startValue:t,endValue:a},e)),n.hidePanel()},startPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.endValue:"";a.handleChange(i,l,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(e=e.getModelValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},endPanelChangeEvent:function(e){var a=this,t=a.reactData,n=a.internalData,r=n.selectStatus,i=e.value,l=r?t.startValue:"";a.handleChange(l,i,e.$event),a.handleSelectClose(),r||(n.selectStatus=!0),a.$nextTick(function(){var e=a.$refs.refStartDatePanel,t=a.$refs.refEndDatePanel;e&&t&&(t=t.getModelValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},startPanelDateBtnChangeEvent:function(e){if(this.linkedPanels){var e=e.viewType,t=this.$refs.refStartDatePanel,a=this.$refs.refEndDatePanel;if(t&&a){var n=t.getPanelDate();if(n){var r=n.getFullYear(),i=n.getMonth();switch(e){case"day":case"date":case"week":i<11?n.setMonth(i+1):(n.setFullYear(r+1),n.setMonth(0)),a.setPanelDate(n)}}}}},endPanelDateBtnChangeEvent:function(e){if(this.linkedPanels){var e=e.viewType,t=this.$refs.refStartDatePanel,a=this.$refs.refEndDatePanel;if(t&&a){var n=a.getPanelDate();if(n){var r=n.getFullYear(),i=n.getMonth();switch(e){case"day":case"date":case"week":i?n.setMonth(i-1):(n.setFullYear(r-1),n.setMonth(11)),t.setPanelDate(n)}}}}},handleGlobalMousedownEvent:function(e){var t=this,a=t.reactData,n=a.visiblePanel,r=t.$refs.refElem,i=t.$refs.refPanelWrapper;!t.computeIsDisabled&&a.isActivated&&(a.isActivated=(0,_dom.getEventTargetNode)(e,r).flag||(0,_dom.getEventTargetNode)(e,i).flag,a.isActivated||n&&(t.checkValue(),t.hidePanel()))},handleGlobalKeydownEvent:function(e){var t,a=this.reactData,n=a.visiblePanel;this.computeIsDisabled||(t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),t&&(a.isActivated=!1),n&&(e||t)&&(this.checkValue(),this.hidePanel()))},handleGlobalMousewheelEvent:function(e){var t=this,a=t.reactData.visiblePanel;t.computeIsDisabled||a&&(a=t.$refs.refPanelWrapper,(0,_dom.getEventTargetNode)(e,a).flag?t.updatePlacement():(t.checkValue(),t.hidePanel()))},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,a=e.isActivated;t&&(this.checkValue(),this.hidePanel()),a&&(e.isActivated=!1),(t||a)&&(e=this.$refs.refInputTarget)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){var a,n,e,t=this,r=t.reactData,i=t.placement,l=r.panelIndex,o=t.$refs.refInputTarget,u=t.$refs.refInputPanel;return u?(a=t.computeBtnTransfer,n=t.computePopupOpts,(e=function(){var e=(0,_dom.updatePanelPlacement)(o,u,{placement:n.placement||i,defaultPlacement:n.defaultPlacement,teleportTo:a}),t=Object.assign(e.style,{zIndex:l});r.panelStyle=t,r.panelPlacement=e.placement})(),t.$nextTick().then(e)):t.$nextTick()},showPanel:function(){var e=this,t=e.reactData,a=e.internalData,n=t.visiblePanel,r=e.computeBtnTransfer,i=e.$refs.refInputPanel;return e.computeIsDisabled||n?e.$nextTick():(!t.initialized&&r&&i&&(t.initialized=!0,document.body.appendChild(i)),a.hpTimeout&&(clearTimeout(a.hpTimeout),a.hpTimeout=void 0),a.selectStatus=!1,t.isActivated=!0,t.isAniVisible=!0,setTimeout(function(){t.visiblePanel=!0,e.updatePlacement()},10),e.updateZindex(),e.updatePlacement())},dateRangePickerOpenEvent:function(e){this.computeFormReadonly||(e.preventDefault(),this.showPanel())},clickIconEvent:function(e){var t=this.reactData.visiblePanel,a=this.computePopupOpts.trigger;a&&"default"!==a&&"icon"!==a||(t?this.hidePanel():this.dateRangePickerOpenEvent(e))},clickEvent:function(e){this.triggerEvent(e)},handleShortcutEvent:function(e){var t=e.option,a=e.$event,n=this,e=n.reactData,r=n.type,i=n.computeShortcutOpts,l=i.autoClose,o=t.code,u=t.clickMethod,s=e.startValue,c=n.getRangeValue(s,m=e.endValue),d={$dateRangePicker:n,option:t,value:c,startValue:s,endValue:m,code:o};if(!u&&o){e=_ui.commands.get(o),t=e?e.dateRangePickerCommandMethod:null;if(t)t(d);else{var f=n.computeDateValueFormat,p=n.computeFirstDayOfWeek;switch(o){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var m,h=(0,_util.getRangeDateByCode)(o,c,r,{valueFormat:f,firstDay:p}),s=h.startValue,c=n.getRangeValue(s,m=h.endValue);d.value=c,d.startValue=s,d.endValue=m,n.handleChange(s,m,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] ".concat(o)])}}}else{e=u||i.clickMethod;e&&e(d)}l&&n.hidePanel(),n.dispatchEvent("shortcut-click",d,a)},setModelValue:function(e,t){var a=this.reactData,a=(a.startValue=e||"",a.endValue=t||"",this.getRangeValue(e,t));this.emitModel(a)},setModelValueByEvent:function(e,t,a){this.handleChange(t||"",a||"",e)},focus:function(){var e=this.reactData,t=this.$refs.refInputTarget;return e.isActivated=!0,t.focus(),this.$nextTick()},blur:function(){var e=this.reactData;return this.$refs.refInputTarget.blur(),e.isActivated=!1,this.$nextTick()},select:function(){var e=this.reactData;return this.$refs.refInputTarget.select(),e.isActivated=!1,this.$nextTick()},renderShortcutBtn:function(e,t,a){var n=this.computeShortcutOpts,r=n.position,i=n.align,l=n.mode,o=this.computeShortcutList;return(0,_utils.isEnableConf)(n)&&o.length&&(r||"left")===t?e("div",{class:"vxe-date-range-picker--layout-".concat(t,"-wrapper")},[e(_buttonGroup.default,{props:{options:o,mode:l,align:i,vertical:a},on:{click:this.handleShortcutEvent}})]):(0,_ui.renderEmptyElement)(this)},renderPanel:function(e){var t,a,n,r,i,l,o,u,s,c,d,f,p,m,h,v,g,y,b,P,D,_,x,E,V,k,S,C,I,T=this,$=T,w=T.$scopedSlots,F=T.reactData,R=T.computePopupOpts;return!1===R.enabled?(0,_ui.renderEmptyElement)(T):(t=$.type,a=$.separator,I=$.autoClose,n=$.showConfirmButton,r=$.showClearButton,i=F.initialized,l=F.isAniVisible,o=F.visiblePanel,u=F.panelPlacement,s=F.panelStyle,c=F.startValue,F=F.endValue,d=T.computeSize,f=T.computeBtnTransfer,p=T.computeIsClearable,S=T.computeShortcutList,C=T.computeIsDateTimeType,k=T.computeDefaultTimes,m=T.computeTimeOpts,h=(v=T.computePanelLabelObj).startLabel,v=v.endLabel,g=T.computeShortcutOpts.position,y=w.header,b=w.footer,P=w.top,D=w.bottom,_=w.left,w=w.right,R=R.className,x=(E=_slicedToArray(T.computeDefaultDates,2))[0],E=E[1],V=(k=_slicedToArray(k,2))[0],k=k[1],S=0<S.length,C=null===n?C||!I:n,I=null===r?p:r,e("div",{ref:"refInputPanel",class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--".concat(t),R?_xeUtils.default.isFunction(R)?R({$dateRangePicker:T}):R:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(d),d),"is--transfer",f),"ani--leave",l),"ani--enter",o),"show--top",!!(P||y||S&&("top"===g||"header"===g))),"show--bottom",!!(D||b||S&&("bottom"===g||"footer"===g))),"show--left",!!(_||S&&"left"===g)),"show--right",!!(w||S&&"right"===g))],attrs:{placement:u},style:s},i&&(o||l)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(t),_defineProperty({},"size--".concat(d),d)]},[P?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},P({})):T.renderShortcutBtn(e,"top"),e("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[_?e("div",{class:"vxe-date-range-picker--layout-left-wrapper"},_({})):T.renderShortcutBtn(e,"left",!0),e("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[y?e("div",{class:"vxe-date-range-picker--layout-header-wrapper"},y({})):T.renderShortcutBtn(e,"header"),e("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[e(_datePanel.default,{ref:"refStartDatePanel",props:{value:c,type:$.type,className:$.className,minDate:$.minDate,maxDate:$.maxDate,endDate:F,startDay:$.startDay,labelFormat:$.labelFormat,valueFormat:$.valueFormat,timeFormat:$.timeFormat,defaultDate:x,defaultTime:V,timeConfig:m,festivalMethod:$.festivalMethod,disabledMethod:$.disabledMethod,cellClassName:T.panelCellClassName,selectDay:$.selectDay},on:{change:T.startPanelChangeEvent,datePrev:T.endPanelDateBtnChangeEvent,dateToday:T.endPanelDateBtnChangeEvent,dateNext:T.endPanelDateBtnChangeEvent}}),e(_datePanel.default,{ref:"refEndDatePanel",props:{value:F,type:$.type,className:$.className,minDate:$.minDate,maxDate:$.maxDate,startDate:c,startDay:$.startDay,labelFormat:$.labelFormat,valueFormat:$.valueFormat,timeFormat:$.timeFormat,defaultDate:E,defaultTime:k,timeConfig:m,festivalMethod:$.festivalMethod,disabledMethod:$.disabledMethod,cellClassName:T.panelCellClassName,selectDay:$.selectDay},on:{change:T.endPanelChangeEvent,datePrev:T.endPanelDateBtnChangeEvent,dateToday:T.endPanelDateBtnChangeEvent,dateNext:T.endPanelDateBtnChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},h||v?[e("span",h),e("span","".concat(a||"")),e("span",v)]:"".concat(a||"")),e("div",{class:"vxe-date-range-picker--layout-footer-custom"},b?b({}):[T.renderShortcutBtn(e,"footer")]),e("div",{class:"vxe-date-range-picker--layout-footer-btns"},[I?e(_button.default,{props:{size:"mini",disabled:!(c||F),content:(0,_ui.getI18n)("vxe.button.clear")},on:{click:T.clearValueEvent}}):(0,_ui.renderEmptyElement)(T),C?e(_button.default,{props:{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm")},on:{click:T.confirmEvent}}):(0,_ui.renderEmptyElement)(T)])])]),w?e("div",{class:"vxe-date-range-picker--layout-right-wrapper"},w({})):T.renderShortcutBtn(e,"right",!0)]),D?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},D({})):T.renderShortcutBtn(e,"bottom")])]:[]))},renderPrefixIcon:function(e){var t=this.$scopedSlots,a=this.prefixIcon,t=t.prefix;return t||a?e("div",{class:"vxe-date-range-picker--prefix",on:{click:this.clickPrefixEvent}},[e("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[e("i",{class:a})])]):null},renderSuffixIcon:function(e){var t=this,a=t.$scopedSlots,n=t.reactData,r=t.suffixIcon,i=n.startValue,a=a.suffix,l=t.computeIsClearable;return e("div",{class:["vxe-date-range-picker--suffix",{"is--clear":l&&!t.computeIsDisabled&&(i||n.endValue)}]},[l?e("div",{class:"vxe-date-range-picker--clear-icon",on:{click:t.clearValueEvent}},[e("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(t),t.renderExtraSuffixIcon(e),a||r?e("div",{class:"vxe-date-range-picker--suffix-icon",on:{click:t.clickSuffixEvent}},a?(0,_vn.getSlotVNs)(a({})):[e("i",{class:r})]):(0,_ui.renderEmptyElement)(t)])},renderExtraSuffixIcon:function(e){return e("div",{class:"vxe-date-range-picker--control-icon",on:{click:this.dateRangePickerOpenEvent}},[e("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})])},renderVN:function(e){var t,a,n,r,i=this,l=i.reactData,o=i.className,u=i.type,s=i.name,c=i.autoComplete,d=l.startValue,f=l.endValue,p=l.visiblePanel,l=l.isActivated,m=i.computeSize,h=i.computeIsDisabled,v=i.computeInputLabel;return i.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-date-range-picker--readonly","type--".concat(u),o]},v):(t=i.computeInpPlaceholder,a=i.computeIsClearable,n=i.renderPrefixIcon(e),r=i.renderSuffixIcon(e),e("div",{ref:"refElem",class:["vxe-date-range-picker","type--".concat(u),o,_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--prefix",!!n),"is--suffix",!!r),"is--visible",p),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||f))],attrs:{spellcheck:!1}},[n||(0,_ui.renderEmptyElement)(i),e("div",{class:"vxe-date-range-picker--wrapper"},[e("input",{ref:"refInputTarget",class:"vxe-date-range-picker--inner",domProps:{value:v},attrs:{name:s,type:"text",placeholder:t,editable:!1,disabled:h,autocomplete:c},on:{keydown:i.keydownEvent,keyup:i.keyupEvent,click:i.clickEvent,change:i.changeEvent,focus:i.focusEvent,blur:i.blurEvent}})]),r||(0,_ui.renderEmptyElement)(i),i.renderPanel(e)]))}},watch:{value:function(){this.updateModelValue(!0)},computeMVal:function(){this.updateModelValue(!1)}},created:function(){var e=this;e.updateModelValue(!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},deactivated:function(){this.checkValue()},beforeDestroy:function(){var e=this,t=e.$refs.refInputPanel;t&&t.parentNode&&t.parentNode.removeChild(t),e.checkValue(),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/form/render/index.js

@@ -346,15 +346,15 @@ function oldFormItemRadioAndCheckboxRender(h, renderOpts, params) {
  */
 _ui.renderer.mixin({
   input: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   textarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: nativeItemRender
   },
   select: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       return [h('select', {
         class: 'vxe-default-select',
@@ -364,27 +364,27 @@ _ui.renderer.mixin({
     }
   },
   VxeInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeNumberInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxePasswordInput: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeTextarea: {
-    formItemAutoFocus: 'textarea',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDatePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: defaultItemRender
   },
   VxeDateRangePicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var startField = renderOpts.startField,
         endField = renderOpts.endField;
@@ -446,7 +446,7 @@ _ui.renderer.mixin({
     }
   },
   VxeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -467,7 +467,24 @@ _ui.renderer.mixin({
     }
   },
   VxeTreeSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
+    renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
+      var data = params.data,
+        field = params.field;
+      var options = renderOpts.options,
+        optionProps = renderOpts.optionProps;
+      var itemValue = _xeUtils.default.get(data, field);
+      return [h(getDefaultComponent(renderOpts), {
+        props: getComponentFormItemProps(renderOpts, params, itemValue, {
+          options: options,
+          optionProps: optionProps
+        }),
+        on: getItemOns(renderOpts, params)
+      })];
+    }
+  },
+  VxeCascader: {
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -484,7 +501,7 @@ _ui.renderer.mixin({
     }
   },
   VxeTableSelect: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -501,7 +518,7 @@ _ui.renderer.mixin({
     }
   },
   VxeColorPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;
@@ -516,7 +533,7 @@ _ui.renderer.mixin({
     }
   },
   VxeIconPicker: {
-    formItemAutoFocus: 'input',
+    formItemAutoFocus: true,
     renderFormItemContent: function renderFormItemContent(h, renderOpts, params) {
       var data = params.data,
         field = params.field;