vxe-pc-ui 3.14.27 → 3.14.28

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

@@ -645,6 +645,22 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }
       }
     },
+    panelCellClassName: function panelCellClassName(_ref) {
+      var date = _ref.date;
+      var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var startValue = reactData.startValue;
+      var endValue = reactData.endValue;
+      if (startValue && endValue) {
+        var currTime = date.getTime();
+        var startTime = _xeUtils.default.toStringDate(startValue).getTime();
+        var endTime = _xeUtils.default.toStringDate(endValue).getTime();
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected';
+        }
+      }
+      return '';
+    },
     handleSelectClose: function handleSelectClose() {
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
@@ -958,9 +974,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeDateRangePicker = this;
       $xeDateRangePicker.triggerEvent(evnt);
     },
-    handleShortcutEvent: function handleShortcutEvent(_ref) {
-      var option = _ref.option,
-        $event = _ref.$event;
+    handleShortcutEvent: function handleShortcutEvent(_ref2) {
+      var option = _ref2.option,
+        $event = _ref2.$event;
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
       var reactData = $xeDateRangePicker.reactData;
@@ -1178,6 +1194,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -1201,6 +1218,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {

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}},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"}))},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))})},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 p=n.computeDateValueFormat,f=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:p,firstDay:f}),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,p=r.visiblePanel,f=r.panelPlacement,m=r.panelStyle,h=r.startValue,r=r.endValue,v=t.computeSize,g=t.computeBtnTransfer,y=t.computeIsClearable,b=t.computePanelLabelObj,_=t.computeShortcutList,D=t.computeIsDateTimeType,P=t.computeDefaultTimes,x=t.computeTimeOpts,V=b.startLabel,b=b.endLabel,E=t.computeShortcutOpts.position,k=n.header,S=n.footer,I=n.top,C=n.bottom,T=n.left,n=n.right,$=t.computePopupOpts.className,F=_slicedToArray(t.computeDefaultDates,2),R=F[0],F=F[1],P=_slicedToArray(P,2),w=P[0],P=P[1],_=0<_.length,D=null===u?D||!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),$?_xeUtils.default.isFunction($)?$({$dateRangePicker:t}):$:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",g),"ani--leave",d),"ani--enter",p),"show--top",!!(I||k||_&&("top"===E||"header"===E))),"show--bottom",!!(C||S||_&&("bottom"===E||"footer"===E))),"show--left",!!(T||_&&"left"===E)),"show--right",!!(n||_&&"right"===E))],attrs:{placement:f},style:m},c&&(p||d)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(v),v)]},[I?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},I({})):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:R,defaultTime:w,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),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:F,defaultTime:P,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},V||b?[e("span",V),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),D?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)]),C?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):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,p=l.endValue,f=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",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],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}},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))})},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 p=n.computeDateValueFormat,f=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:p,firstDay:f}),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,p=r.visiblePanel,f=r.panelPlacement,m=r.panelStyle,h=r.startValue,r=r.endValue,v=t.computeSize,g=t.computeBtnTransfer,y=t.computeIsClearable,b=t.computePanelLabelObj,_=t.computeShortcutList,D=t.computeIsDateTimeType,P=t.computeDefaultTimes,x=t.computeTimeOpts,V=b.startLabel,b=b.endLabel,E=t.computeShortcutOpts.position,k=n.header,S=n.footer,I=n.top,C=n.bottom,T=n.left,n=n.right,$=t.computePopupOpts.className,F=_slicedToArray(t.computeDefaultDates,2),R=F[0],F=F[1],P=_slicedToArray(P,2),w=P[0],P=P[1],_=0<_.length,D=null===u?D||!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),$?_xeUtils.default.isFunction($)?$({$dateRangePicker:t}):$:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(v),v),"is--transfer",g),"ani--leave",d),"ani--enter",p),"show--top",!!(I||k||_&&("top"===E||"header"===E))),"show--bottom",!!(C||S||_&&("bottom"===E||"footer"===E))),"show--left",!!(T||_&&"left"===E)),"show--right",!!(n||_&&"right"===E))],attrs:{placement:f},style:m},c&&(p||d)?[e("div",{ref:"refPanelWrapper",class:["vxe-date-range-picker--layout-all-wrapper","type--".concat(i),_defineProperty({},"size--".concat(v),v)]},[I?e("div",{class:"vxe-date-range-picker--layout-top-wrapper"},I({})):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:R,defaultTime:w,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.startPanelChangeEvent}}),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:F,defaultTime:P,timeConfig:x,festivalMethod:a.festivalMethod,disabledMethod:a.disabledMethod,cellClassName:t.panelCellClassName,selectDay:a.selectDay},on:{change:t.endPanelChangeEvent}})]),e("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[e("div",{class:"vxe-date-range-picker--layout-footer-label"},V||b?[e("span",V),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),D?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)]),C?e("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):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,p=l.endValue,f=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",f),"is--disabled",h),"is--active",l),"show--clear",a&&!h&&(d||p))],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/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.14.27");
+var log_version = "ui v".concat("3.14.28");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -13222,7 +13222,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.14.27";
+var ui_version = "3.14.28";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -30370,6 +30370,7 @@ var Countdown = VxeCountdown;
       default: 'date'
     },
     className: String,
+    cellClassName: [String, Function],
     size: {
       type: String,
       default: function _default() {
@@ -31828,7 +31829,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -31867,7 +31870,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -31900,7 +31908,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -31949,7 +31959,12 @@ var Countdown = VxeCountdown;
           }
         }, rows.map(function (item, rIndex) {
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': rIndex ? item.isNow : isNowWeek,
@@ -31982,7 +31997,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32005,7 +32022,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -32038,7 +32060,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32061,7 +32085,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -32094,7 +32123,9 @@ var Countdown = VxeCountdown;
       var $xeDatePanel = this;
       var props = $xeDatePanel;
       var reactData = $xeDatePanel.reactData;
-      var multiple = props.multiple;
+      var type = props.type,
+        multiple = props.multiple,
+        cellClassName = props.cellClassName;
       var datePanelType = reactData.datePanelType,
         datePanelValue = reactData.datePanelValue;
       var dateValue = $xeDatePanel.computeDateValue;
@@ -32117,7 +32148,12 @@ var Countdown = VxeCountdown;
             return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(val, item.date, matchFormat);
           }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isDateSame(dateValue, item.date, matchFormat);
           return h('div', {
-            class: ['vxe-date-panel--view-item', {
+            class: ['vxe-date-panel--view-item', cellClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(cellClassName) ? "".concat(cellClassName({
+              $datePanel: $xeDatePanel,
+              type: type,
+              viewType: datePanelType,
+              date: item.date
+            }) || '') : "".concat(cellClassName || '') : '', {
               'is--prev': item.isPrev,
               'is--current': item.isCurrent,
               'is--now': item.isNow,
@@ -34207,6 +34243,22 @@ var DatePicker = VxeDatePicker;
         }
       }
     },
+    panelCellClassName: function panelCellClassName(_ref) {
+      var date = _ref.date;
+      var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var startValue = reactData.startValue;
+      var endValue = reactData.endValue;
+      if (startValue && endValue) {
+        var currTime = date.getTime();
+        var startTime = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(startValue).getTime();
+        var endTime = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toStringDate(endValue).getTime();
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected';
+        }
+      }
+      return '';
+    },
     handleSelectClose: function handleSelectClose() {
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
@@ -34520,9 +34572,9 @@ var DatePicker = VxeDatePicker;
       var $xeDateRangePicker = this;
       $xeDateRangePicker.triggerEvent(evnt);
     },
-    handleShortcutEvent: function handleShortcutEvent(_ref) {
-      var option = _ref.option,
-        $event = _ref.$event;
+    handleShortcutEvent: function handleShortcutEvent(_ref2) {
+      var option = _ref2.option,
+        $event = _ref2.$event;
       var $xeDateRangePicker = this;
       var props = $xeDateRangePicker;
       var reactData = $xeDateRangePicker.reactData;
@@ -34740,6 +34792,7 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -34763,6 +34816,7 @@ var DatePicker = VxeDatePicker;
           timeConfig: timeOpts,
           festivalMethod: props.festivalMethod,
           disabledMethod: props.disabledMethod,
+          cellClassName: $xeDateRangePicker.panelCellClassName,
           selectDay: props.selectDay
         },
         on: {
@@ -45061,7 +45115,12 @@ function select_createInternalData() {
   props: {
     value: [String, Number, Boolean, Array],
     defaultConfig: Object,
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.clearable;
+      }
+    },
     placeholder: String,
     readonly: {
       type: Boolean,
@@ -53279,7 +53338,10 @@ function table_select_createInternalData() {
   },
   props: {
     value: [String, Number, Array],
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: getConfig().tableSelect.clearable
+    },
     placeholder: {
       type: String,
       default: function _default() {
@@ -59762,7 +59824,10 @@ function tree_select_createInternalData() {
   },
   props: {
     value: [String, Number, Array],
-    clearable: Boolean,
+    clearable: {
+      type: Boolean,
+      default: getConfig().treeSelect.clearable
+    },
     placeholder: {
       type: String,
       default: function _default() {
@@ -61119,6 +61184,45 @@ function upload_hideDropTip($xeUpload) {
     mdLineEl.style.display = '';
   }
 }
+var handleClearFile = function handleClearFile($xeUpload, evnt) {
+  var reactData = $xeUpload.reactData;
+  var fileList = reactData.fileList;
+  var urlProp = $xeUpload.computeUrlProp;
+  var rest = [];
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().lastEach(fileList, function (item, index) {
+    rest.push($xeUpload.removeFileEvent(evnt, item, index).then(function (status) {
+      return {
+        url: item[urlProp],
+        status: status
+      };
+    }));
+  });
+  return Promise.all(rest);
+};
+function handleRemoveFile($xeUpload, evnt, urlOrItem) {
+  var reactData = $xeUpload.reactData;
+  var fileList = reactData.fileList;
+  var urlProp = $xeUpload.computeUrlProp;
+  var urls = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(urlOrItem) ? urlOrItem : [urlOrItem];
+  var rest = [];
+  urls.forEach(function (obj) {
+    if (obj) {
+      var url = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(obj) ? obj : obj[urlProp];
+      var index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(fileList, function (fileItem) {
+        return fileItem[urlProp] === url;
+      });
+      if (index > -1) {
+        rest.push($xeUpload.removeFileEvent(evnt, fileList[index], index).then(function (status) {
+          return {
+            url: url,
+            status: status
+          };
+        }));
+      }
+    }
+  });
+  return Promise.all(rest);
+}
 function upload_createReactData() {
   return {
     isDragUploadStatus: false,
@@ -61633,6 +61737,14 @@ function upload_createInternalData() {
       var $xeUpload = this;
       return $xeUpload.handleChoose(null);
     },
+    clear: function clear() {
+      var $xeUpload = this;
+      return handleClearFile($xeUpload, null);
+    },
+    clearByEvent: function clearByEvent(evnt) {
+      var $xeUpload = this;
+      return handleClearFile($xeUpload, evnt);
+    },
     getPendingFiles: function getPendingFiles() {
       var $xeUpload = this;
       var reactData = $xeUpload.reactData;
@@ -61713,6 +61825,14 @@ function upload_createInternalData() {
       }
       return $xeUpload.$nextTick();
     },
+    remove: function remove(urlOrItem) {
+      var $xeUpload = this;
+      return handleRemoveFile($xeUpload, null, urlOrItem);
+    },
+    removeByEvent: function removeByEvent(evnt, urlOrItem) {
+      var $xeUpload = this;
+      return handleRemoveFile($xeUpload, evnt, urlOrItem);
+    },
     getFieldKey: function getFieldKey(item) {
       var $xeUpload = this;
       var keyField = $xeUpload.computeKeyField;
@@ -62143,18 +62263,22 @@ function upload_createInternalData() {
       $xeUpload.handleChange(fileList);
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
-        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList);
+        $xeForm.triggerItemEvent(evnt || {
+          type: 'remove'
+        }, formItemInfo.itemConfig.field, fileList);
+      }
+      if (evnt) {
+        $xeUpload.dispatchEvent('remove', {
+          option: item
+        }, evnt);
       }
-      $xeUpload.dispatchEvent('remove', {
-        option: item
-      }, evnt);
     },
     removeFileEvent: function removeFileEvent(evnt, item, index) {
       var $xeUpload = this;
       var props = $xeUpload;
       var beforeRemoveFn = props.beforeRemoveMethod || getConfig().upload.beforeRemoveMethod;
       var removeFn = props.removeMethod || getConfig().upload.removeMethod;
-      Promise.resolve(beforeRemoveFn ? beforeRemoveFn({
+      return Promise.resolve(beforeRemoveFn ? beforeRemoveFn({
         $upload: $xeUpload,
         option: item
       }) : true).then(function (status) {
@@ -62176,6 +62300,7 @@ function upload_createInternalData() {
             option: item
           }, evnt);
         }
+        return status;
       });
     },
     handleDownloadEvent: function handleDownloadEvent(evnt, item) {