vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/input/src/input.js

@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _size = require("../../hooks/size");
-
 var _utils = require("../../tools/utils");
-
 var _dom = require("../../tools/dom");
-
 var _event = require("../../tools/event");
-
 var _date = require("./date");
-
 var _number = require("./number");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var yearSize = 12;
 var monthSize = 20;
 var quarterSize = 8;
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeInput',
   props: {
     modelValue: [String, Number, Date],
@@ -44,7 +32,7 @@ var _default2 = (0, _vue.defineComponent)({
     },
     clearable: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.clearable;
       }
     },
@@ -61,7 +49,7 @@ var _default2 = (0, _vue.defineComponent)({
     className: String,
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.size || _conf.default.size;
       }
     },
@@ -78,34 +66,34 @@ var _default2 = (0, _vue.defineComponent)({
     step: [String, Number],
     exponential: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.exponential;
       }
     },
     // number、integer、float、password
     controls: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.controls;
       }
     },
     // float
     digits: {
       type: [String, Number],
-      default: function _default() {
+      default: function () {
         return _conf.default.input.digits;
       }
     },
     // date、week、month、quarter、year
     startDate: {
       type: [String, Number, Date],
-      default: function _default() {
+      default: function () {
         return _conf.default.input.startDate;
       }
     },
     endDate: {
       type: [String, Number, Date],
-      default: function _default() {
+      default: function () {
         return _conf.default.input.endDate;
       }
     },
@@ -115,19 +103,19 @@ var _default2 = (0, _vue.defineComponent)({
     startWeek: Number,
     startDay: {
       type: [String, Number],
-      default: function _default() {
+      default: function () {
         return _conf.default.input.startDay;
       }
     },
     labelFormat: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.labelFormat;
       }
     },
     valueFormat: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.valueFormat;
       }
     },
@@ -137,20 +125,20 @@ var _default2 = (0, _vue.defineComponent)({
     },
     festivalMethod: {
       type: Function,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.festivalMethod;
       }
     },
     disabledMethod: {
       type: Function,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.disabledMethod;
       }
     },
     // week
     selectDay: {
       type: [String, Number],
-      default: function _default() {
+      default: function () {
         return _conf.default.input.selectDay;
       }
     },
@@ -159,20 +147,18 @@ var _default2 = (0, _vue.defineComponent)({
     placement: String,
     transfer: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.input.transfer;
       }
     }
   },
   emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'search-click', 'toggle-visible', 'prev-number', 'next-number', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
+      emit = context.emit;
     var $xeform = (0, _vue.inject)('$xeform', null);
     var $xeformiteminfo = (0, _vue.inject)('$xeformiteminfo', null);
-
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       inited: false,
@@ -204,22 +190,18 @@ var _default2 = (0, _vue.defineComponent)({
       props: props,
       context: context,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
     var inputMethods = {};
-
-    var parseDate = function parseDate(value, format) {
+    var parseDate = function (value, format) {
       var type = props.type;
-
       if (type === 'time') {
         return (0, _date.toStringTimeDate)(value);
       }
-
       return _xeUtils.default.toStringDate(value, format);
     };
-
     var computeIsDateTimeType = (0, _vue.computed)(function () {
       var type = props.type;
       return type === 'time' || type === 'datetime';
@@ -244,13 +226,11 @@ var _default2 = (0, _vue.defineComponent)({
       var type = props.type;
       var digitsValue = computeDigitsValue.value;
       var step = props.step;
-
       if (type === 'integer') {
         return _xeUtils.default.toInteger(step) || 1;
       } else if (type === 'float') {
         return _xeUtils.default.toNumber(step) || 1 / Math.pow(10, digitsValue);
       }
-
       return _xeUtils.default.toNumber(step) || 1;
     });
     var computeIsClearable = (0, _vue.computed)(function () {
@@ -271,22 +251,18 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeDateListValue = (0, _vue.computed)(function () {
       var modelValue = props.modelValue,
-          multiple = props.multiple;
+        multiple = props.multiple;
       var isDatePickerType = computeIsDatePickerType.value;
       var dateValueFormat = computeDateValueFormat.value;
-
       if (multiple && modelValue && isDatePickerType) {
         return _xeUtils.default.toValueString(modelValue).split(',').map(function (item) {
           var date = parseDate(item, dateValueFormat);
-
           if (_xeUtils.default.isValidDate(date)) {
             return date;
           }
-
           return null;
         });
       }
-
       return [];
     });
     var computeDateMultipleValue = (0, _vue.computed)(function () {
@@ -312,44 +288,35 @@ var _default2 = (0, _vue.defineComponent)({
       var isDatePickerType = computeIsDatePickerType.value;
       var dateValueFormat = computeDateValueFormat.value;
       var val = null;
-
       if (modelValue && isDatePickerType) {
         var date = parseDate(modelValue, dateValueFormat);
-
         if (_xeUtils.default.isValidDate(date)) {
           val = date;
         }
       }
-
       return val;
     });
     var computeIsDisabledPrevDateBtn = (0, _vue.computed)(function () {
       var dateStartTime = computeDateStartTime.value;
       var selectMonth = reactData.selectMonth;
-
       if (selectMonth && dateStartTime) {
         return selectMonth <= dateStartTime;
       }
-
       return false;
     });
     var computeIsDisabledNextDateBtn = (0, _vue.computed)(function () {
       var dateEndTime = computeDateEndTime.value;
       var selectMonth = reactData.selectMonth;
-
       if (selectMonth && dateEndTime) {
         return selectMonth >= dateEndTime;
       }
-
       return false;
     });
     var computeDateTimeLabel = (0, _vue.computed)(function () {
       var datetimePanelValue = reactData.datetimePanelValue;
-
       if (datetimePanelValue) {
         return _xeUtils.default.toDateString(datetimePanelValue, 'HH:mm:ss');
       }
-
       return '';
     });
     var computeDateHMSTime = (0, _vue.computed)(function () {
@@ -359,26 +326,21 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeDateLabelFormat = (0, _vue.computed)(function () {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         return props.labelFormat || _conf.default.i18n("vxe.input.date.labelFormat.".concat(props.type));
       }
-
       return null;
     });
     var computeYearList = (0, _vue.computed)(function () {
       var selectMonth = reactData.selectMonth,
-          currentDate = reactData.currentDate;
+        currentDate = reactData.currentDate;
       var years = [];
-
       if (selectMonth && currentDate) {
         var currFullYear = currentDate.getFullYear();
         var selectFullYear = selectMonth.getFullYear();
         var startYearDate = new Date(selectFullYear - selectFullYear % yearSize, 0, 1);
-
         for (var index = -4; index < yearSize + 4; index++) {
           var date = _xeUtils.default.getWhatYear(startYearDate, index, 'first');
-
           var itemFullYear = date.getFullYear();
           years.push({
             date: date,
@@ -390,24 +352,20 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return years;
     });
     var computeSelectDatePanelLabel = (0, _vue.computed)(function () {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         var datePanelType = reactData.datePanelType,
-            selectMonth = reactData.selectMonth;
+          selectMonth = reactData.selectMonth;
         var yearList = computeYearList.value;
         var year = '';
         var month = void 0;
-
         if (selectMonth) {
           year = selectMonth.getFullYear();
           month = selectMonth.getMonth() + 1;
         }
-
         if (datePanelType === 'quarter') {
           return _conf.default.i18n('vxe.input.date.quarterLabel', [year]);
         } else if (datePanelType === 'month') {
@@ -415,41 +373,34 @@ var _default2 = (0, _vue.defineComponent)({
         } else if (datePanelType === 'year') {
           return yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
         }
-
         return _conf.default.i18n('vxe.input.date.dayLabel', [year, month ? _conf.default.i18n("vxe.input.date.m".concat(month)) : '-']);
       }
-
       return '';
     });
     var computeFirstDayOfWeek = (0, _vue.computed)(function () {
       var startDay = props.startDay,
-          startWeek = props.startWeek;
+        startWeek = props.startWeek;
       return _xeUtils.default.toNumber(_xeUtils.default.isNumber(startDay) || _xeUtils.default.isString(startDay) ? startDay : startWeek);
     });
     var computeWeekDatas = (0, _vue.computed)(function () {
       var weeks = [];
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         var sWeek = computeFirstDayOfWeek.value;
         weeks.push(sWeek);
-
         for (var index = 0; index < 6; index++) {
           if (sWeek >= 6) {
             sWeek = 0;
           } else {
             sWeek++;
           }
-
           weeks.push(sWeek);
         }
       }
-
       return weeks;
     });
     var computeDateHeaders = (0, _vue.computed)(function () {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         var weekDatas = computeWeekDatas.value;
         return weekDatas.map(function (day) {
@@ -459,19 +410,16 @@ var _default2 = (0, _vue.defineComponent)({
           };
         });
       }
-
       return [];
     });
     var computeWeekHeaders = (0, _vue.computed)(function () {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         var dateHeaders = computeDateHeaders.value;
         return [{
           label: _conf.default.i18n('vxe.input.date.weeks.w')
         }].concat(dateHeaders);
       }
-
       return [];
     });
     var computeYearDatas = (0, _vue.computed)(function () {
@@ -480,20 +428,15 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeQuarterList = (0, _vue.computed)(function () {
       var selectMonth = reactData.selectMonth,
-          currentDate = reactData.currentDate;
+        currentDate = reactData.currentDate;
       var quarters = [];
-
       if (selectMonth && currentDate) {
         var currFullYear = currentDate.getFullYear();
         var currQuarter = (0, _date.getDateQuarter)(currentDate);
-
         var firstYear = _xeUtils.default.getWhatYear(selectMonth, 0, 'first');
-
         var selFullYear = firstYear.getFullYear();
-
         for (var index = -2; index < quarterSize - 2; index++) {
           var date = _xeUtils.default.getWhatQuarter(firstYear, index);
-
           var itemFullYear = date.getFullYear();
           var itemQuarter = (0, _date.getDateQuarter)(date);
           var isPrev = itemFullYear < selFullYear;
@@ -507,7 +450,6 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return quarters;
     });
     var computeQuarterDatas = (0, _vue.computed)(function () {
@@ -516,18 +458,14 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeMonthList = (0, _vue.computed)(function () {
       var selectMonth = reactData.selectMonth,
-          currentDate = reactData.currentDate;
+        currentDate = reactData.currentDate;
       var months = [];
-
       if (selectMonth && currentDate) {
         var currFullYear = currentDate.getFullYear();
         var currMonth = currentDate.getMonth();
-
         var selFullYear = _xeUtils.default.getWhatYear(selectMonth, 0, 'first').getFullYear();
-
         for (var index = -4; index < monthSize - 4; index++) {
           var date = _xeUtils.default.getWhatYear(selectMonth, 0, index);
-
           var itemFullYear = date.getFullYear();
           var itemMonth = date.getMonth();
           var isPrev = itemFullYear < selFullYear;
@@ -541,7 +479,6 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return months;
     });
     var computeMonthDatas = (0, _vue.computed)(function () {
@@ -550,9 +487,8 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeDayList = (0, _vue.computed)(function () {
       var selectMonth = reactData.selectMonth,
-          currentDate = reactData.currentDate;
+        currentDate = reactData.currentDate;
       var days = [];
-
       if (selectMonth && currentDate) {
         var dateHMSTime = computeDateHMSTime.value;
         var weekDatas = computeWeekDatas.value;
@@ -564,10 +500,8 @@ var _default2 = (0, _vue.defineComponent)({
         var selDay = selectMonth.getDay();
         var prevOffsetDate = -weekDatas.indexOf(selDay);
         var startDayDate = new Date(_xeUtils.default.getWhatDay(selectMonth, prevOffsetDate).getTime() + dateHMSTime);
-
         for (var index = 0; index < 42; index++) {
           var date = _xeUtils.default.getWhatDay(startDayDate, index);
-
           var itemFullYear = date.getFullYear();
           var itemMonth = date.getMonth();
           var itemDate = date.getDate();
@@ -582,7 +516,6 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return days;
     });
     var computeDayDatas = (0, _vue.computed)(function () {
@@ -609,7 +542,6 @@ var _default2 = (0, _vue.defineComponent)({
     var computeHourList = (0, _vue.computed)(function () {
       var list = [];
       var isDateTimeType = computeIsDateTimeType.value;
-
       if (isDateTimeType) {
         for (var index = 0; index < 24; index++) {
           list.push({
@@ -618,13 +550,11 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return list;
     });
     var computeMinuteList = (0, _vue.computed)(function () {
       var list = [];
       var isDateTimeType = computeIsDateTimeType.value;
-
       if (isDateTimeType) {
         for (var index = 0; index < 60; index++) {
           list.push({
@@ -633,7 +563,6 @@ var _default2 = (0, _vue.defineComponent)({
           });
         }
       }
-
       return list;
     });
     var computeSecondList = (0, _vue.computed)(function () {
@@ -642,9 +571,9 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeInpReadonly = (0, _vue.computed)(function () {
       var type = props.type,
-          readonly = props.readonly,
-          editable = props.editable,
-          multiple = props.multiple;
+        readonly = props.readonly,
+        editable = props.editable,
+        multiple = props.multiple;
       return readonly || multiple || !editable || type === 'week' || type === 'quarter';
     });
     var computeInputType = (0, _vue.computed)(function () {
@@ -653,113 +582,97 @@ var _default2 = (0, _vue.defineComponent)({
       var isNumType = computeIsNumType.value;
       var isDatePickerType = computeIsDatePickerType.value;
       var isPawdType = computeIsPawdType.value;
-
       if (isDatePickerType || isNumType || isPawdType && showPwd || type === 'number') {
         return 'text';
       }
-
       return type;
     });
     var computeInpPlaceholder = (0, _vue.computed)(function () {
       var placeholder = props.placeholder;
-
       if (placeholder) {
         return (0, _utils.getFuncText)(placeholder);
       }
-
       return '';
     });
     var computeInpMaxlength = (0, _vue.computed)(function () {
       var maxlength = props.maxlength;
-      var isNumType = computeIsNumType.value; // 数值最大长度限制 16 位，包含小数
-
+      var isNumType = computeIsNumType.value;
+      // 数值最大长度限制 16 位，包含小数
       return isNumType && !_xeUtils.default.toNumber(maxlength) ? 16 : maxlength;
     });
     var computeInpImmediate = (0, _vue.computed)(function () {
       var type = props.type,
-          immediate = props.immediate;
+        immediate = props.immediate;
       return immediate || !(type === 'text' || type === 'number' || type === 'integer' || type === 'float');
     });
     var computeNumValue = (0, _vue.computed)(function () {
       var type = props.type;
       var inputValue = reactData.inputValue;
       var isNumType = computeIsNumType.value;
-
       if (isNumType) {
         return type === 'integer' ? _xeUtils.default.toInteger((0, _number.handleNumber)(inputValue)) : _xeUtils.default.toNumber((0, _number.handleNumber)(inputValue));
       }
-
       return 0;
     });
     var computeIsDisabledSubtractNumber = (0, _vue.computed)(function () {
       var min = props.min;
       var inputValue = reactData.inputValue;
       var isNumType = computeIsNumType.value;
-      var numValue = computeNumValue.value; // 当有值时再进行判断
-
+      var numValue = computeNumValue.value;
+      // 当有值时再进行判断
       if ((inputValue || inputValue === 0) && isNumType && min !== null) {
         return numValue <= _xeUtils.default.toNumber(min);
       }
-
       return false;
     });
     var computeIsDisabledAddNumber = (0, _vue.computed)(function () {
       var max = props.max;
       var inputValue = reactData.inputValue;
       var isNumType = computeIsNumType.value;
-      var numValue = computeNumValue.value; // 当有值时再进行判断
-
+      var numValue = computeNumValue.value;
+      // 当有值时再进行判断
       if ((inputValue || inputValue === 0) && isNumType && max !== null) {
         return numValue >= _xeUtils.default.toNumber(max);
       }
-
       return false;
     });
-
-    var getNumberValue = function getNumberValue(val) {
+    var getNumberValue = function (val) {
       var type = props.type,
-          exponential = props.exponential;
+        exponential = props.exponential;
       var inpMaxlength = computeInpMaxlength.value;
       var digitsValue = computeDigitsValue.value;
       var restVal = type === 'float' ? (0, _number.toFloatValueFixed)(val, digitsValue) : _xeUtils.default.toValueString(val);
-
       if (exponential && (val === restVal || _xeUtils.default.toValueString(val).toLowerCase() === _xeUtils.default.toNumber(restVal).toExponential())) {
         return val;
       }
-
       return restVal.slice(0, inpMaxlength);
     };
-
-    var triggerEvent = function triggerEvent(evnt) {
+    var triggerEvent = function (evnt) {
       var inputValue = reactData.inputValue;
       inputMethods.dispatchEvent(evnt.type, {
         value: inputValue
       }, evnt);
     };
-
-    var emitModel = function emitModel(value, evnt) {
+    var emitModel = function (value, evnt) {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       inputMethods.dispatchEvent('input', {
         value: value
       }, evnt);
-
       if (_xeUtils.default.toValueString(props.modelValue) !== value) {
         inputMethods.dispatchEvent('change', {
           value: value
-        }, evnt); // 自动更新校验状态
-
+        }, evnt);
+        // 自动更新校验状态
         if ($xeform && $xeformiteminfo) {
           $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
         }
       }
     };
-
-    var emitInputEvent = function emitInputEvent(value, evnt) {
+    var emitInputEvent = function (value, evnt) {
       var isDatePickerType = computeIsDatePickerType.value;
       var inpImmediate = computeInpImmediate.value;
       reactData.inputValue = value;
-
       if (!isDatePickerType) {
         if (inpImmediate) {
           emitModel(value, evnt);
@@ -770,29 +683,23 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var inputEvent = function inputEvent(evnt) {
+    var inputEvent = function (evnt) {
       var inputElem = evnt.target;
       var value = inputElem.value;
       emitInputEvent(value, evnt);
     };
-
-    var changeEvent = function changeEvent(evnt) {
+    var changeEvent = function (evnt) {
       var inpImmediate = computeInpImmediate.value;
-
       if (!inpImmediate) {
         triggerEvent(evnt);
       }
     };
-
-    var focusEvent = function focusEvent(evnt) {
+    var focusEvent = function (evnt) {
       reactData.isActivated = true;
       triggerEvent(evnt);
     };
-
-    var clickPrefixEvent = function clickPrefixEvent(evnt) {
+    var clickPrefixEvent = function (evnt) {
       var disabled = props.disabled;
-
       if (!disabled) {
         var inputValue = reactData.inputValue;
         inputMethods.dispatchEvent('prefix-click', {
@@ -800,10 +707,8 @@ var _default2 = (0, _vue.defineComponent)({
         }, evnt);
       }
     };
-
     var hidePanelTimeout;
-
-    var hidePanel = function hidePanel() {
+    var hidePanel = function () {
       return new Promise(function (resolve) {
         reactData.visiblePanel = false;
         hidePanelTimeout = window.setTimeout(function () {
@@ -812,28 +717,22 @@ var _default2 = (0, _vue.defineComponent)({
         }, 350);
       });
     };
-
-    var clearValueEvent = function clearValueEvent(evnt, value) {
+    var clearValueEvent = function (evnt, value) {
       var type = props.type;
       var isNumType = computeIsNumType.value;
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         hidePanel();
       }
-
       if (isNumType || ['text', 'search', 'password'].indexOf(type) > -1) {
         focus();
       }
-
       inputMethods.dispatchEvent('clear', {
         value: value
       }, evnt);
     };
-
-    var clickSuffixEvent = function clickSuffixEvent(evnt) {
+    var clickSuffixEvent = function (evnt) {
       var disabled = props.disabled;
-
       if (!disabled) {
         if ((0, _dom.hasClass)(evnt.currentTarget, 'is--clear')) {
           emitModel('', evnt);
@@ -846,33 +745,27 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var dateParseValue = function dateParseValue(value) {
+    var dateParseValue = function (value) {
       var type = props.type;
       var valueFormat = props.valueFormat;
       var dateLabelFormat = computeDateLabelFormat.value;
       var firstDayOfWeek = computeFirstDayOfWeek.value;
       var dValue = null;
       var dLabel = '';
-
       if (value) {
         dValue = parseDate(value, valueFormat);
       }
-
       if (_xeUtils.default.isValidDate(dValue)) {
         dLabel = _xeUtils.default.toDateString(dValue, dateLabelFormat, {
           firstDay: firstDayOfWeek
-        }); // 由于年份和第几周是冲突的行为，所以需要特殊处理，判断是否跨年
-
+        });
+        // 由于年份和第几周是冲突的行为，所以需要特殊处理，判断是否跨年
         if (dateLabelFormat && type === 'week') {
           var firstWeekDate = _xeUtils.default.getWhatWeek(dValue, 0, firstDayOfWeek, firstDayOfWeek);
-
           if (firstWeekDate.getFullYear() < dValue.getFullYear()) {
             var yyIndex = dateLabelFormat.indexOf('yyyy');
-
             if (yyIndex > -1) {
               var yyNum = Number(dLabel.substring(yyIndex, yyIndex + 4));
-
               if (yyNum && !isNaN(yyNum)) {
                 dLabel = dLabel.replace("".concat(yyNum), "".concat(yyNum - 1));
               }
@@ -882,19 +775,15 @@ var _default2 = (0, _vue.defineComponent)({
       } else {
         dValue = null;
       }
-
       reactData.datePanelValue = dValue;
       reactData.datePanelLabel = dLabel;
     };
     /**
      * 值变化时处理
      */
-
-
-    var changeValue = function changeValue() {
+    var changeValue = function () {
       var isDatePickerType = computeIsDatePickerType.value;
       var inputValue = reactData.inputValue;
-
       if (isDatePickerType) {
         dateParseValue(inputValue);
         reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
@@ -903,20 +792,16 @@ var _default2 = (0, _vue.defineComponent)({
     /**
      * 检查初始值
      */
-
-
-    var initValue = function initValue() {
+    var initValue = function () {
       var type = props.type;
       var inputValue = reactData.inputValue;
       var isDatePickerType = computeIsDatePickerType.value;
       var digitsValue = computeDigitsValue.value;
-
       if (isDatePickerType) {
         changeValue();
       } else if (type === 'float') {
         if (inputValue) {
           var validValue = (0, _number.toFloatValueFixed)(inputValue, digitsValue);
-
           if (inputValue !== validValue) {
             emitModel(validValue, {
               type: 'init'
@@ -925,55 +810,43 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var vaildMaxNum = function vaildMaxNum(num) {
+    var vaildMaxNum = function (num) {
       return props.max === null || _xeUtils.default.toNumber(num) <= _xeUtils.default.toNumber(props.max);
     };
-
-    var vaildMinNum = function vaildMinNum(num) {
+    var vaildMinNum = function (num) {
       return props.min === null || _xeUtils.default.toNumber(num) >= _xeUtils.default.toNumber(props.min);
     };
-
-    var dateRevert = function dateRevert() {
+    var dateRevert = function () {
       reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
     };
-
-    var dateCheckMonth = function dateCheckMonth(date) {
+    var dateCheckMonth = function (date) {
       var month = _xeUtils.default.getWhatMonth(date, 0, 'first');
-
       if (!_xeUtils.default.isEqual(month, reactData.selectMonth)) {
         reactData.selectMonth = month;
       }
     };
-
-    var dateChange = function dateChange(date) {
+    var dateChange = function (date) {
       var modelValue = props.modelValue,
-          multiple = props.multiple;
+        multiple = props.multiple;
       var datetimePanelValue = reactData.datetimePanelValue;
       var isDateTimeType = computeIsDateTimeType.value;
       var dateValueFormat = computeDateValueFormat.value;
       var firstDayOfWeek = computeFirstDayOfWeek.value;
-
       if (props.type === 'week') {
         var sWeek = _xeUtils.default.toNumber(props.selectDay);
-
         date = _xeUtils.default.getWhatWeek(date, 0, sWeek, firstDayOfWeek);
       } else if (isDateTimeType) {
         date.setHours(datetimePanelValue.getHours());
         date.setMinutes(datetimePanelValue.getMinutes());
         date.setSeconds(datetimePanelValue.getSeconds());
       }
-
       var inpVal = _xeUtils.default.toDateString(date, dateValueFormat, {
         firstDay: firstDayOfWeek
       });
-
       dateCheckMonth(date);
-
       if (multiple) {
         // 如果为多选
         var dateMultipleValue = computeDateMultipleValue.value;
-
         if (isDateTimeType) {
           // 如果是datetime特殊类型
           var dateListValue = computeDateListValue.value;
@@ -1017,38 +890,32 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var afterCheckValue = function afterCheckValue() {
+    var afterCheckValue = function () {
       var type = props.type,
-          min = props.min,
-          max = props.max,
-          exponential = props.exponential;
+        min = props.min,
+        max = props.max,
+        exponential = props.exponential;
       var inputValue = reactData.inputValue,
-          datetimePanelValue = reactData.datetimePanelValue;
+        datetimePanelValue = reactData.datetimePanelValue;
       var isNumType = computeIsNumType.value;
       var isDatePickerType = computeIsDatePickerType.value;
       var dateLabelFormat = computeDateLabelFormat.value;
       var inpReadonly = computeInpReadonly.value;
-
       if (!inpReadonly) {
         if (isNumType) {
           if (inputValue) {
             var inpNumVal = type === 'integer' ? _xeUtils.default.toInteger((0, _number.handleNumber)(inputValue)) : _xeUtils.default.toNumber((0, _number.handleNumber)(inputValue));
-
             if (!vaildMinNum(inpNumVal)) {
               inpNumVal = min;
             } else if (!vaildMaxNum(inpNumVal)) {
               inpNumVal = max;
             }
-
             if (exponential) {
               var inpStringVal = _xeUtils.default.toValueString(inputValue).toLowerCase();
-
               if (inpStringVal === _xeUtils.default.toNumber(inpNumVal).toExponential()) {
                 inpNumVal = inpStringVal;
               }
             }
-
             emitModel(getNumberValue(inpNumVal), {
               type: 'check'
             });
@@ -1056,25 +923,20 @@ var _default2 = (0, _vue.defineComponent)({
         } else if (isDatePickerType) {
           if (inputValue) {
             var inpDateVal = parseDate(inputValue, dateLabelFormat);
-
             if (_xeUtils.default.isValidDate(inpDateVal)) {
               if (type === 'time') {
                 inpDateVal = _xeUtils.default.toDateString(inpDateVal, dateLabelFormat);
-
                 if (inputValue !== inpDateVal) {
                   emitModel(inpDateVal, {
                     type: 'check'
                   });
                 }
-
                 reactData.inputValue = inpDateVal;
               } else {
                 var isChange = false;
                 var firstDayOfWeek = computeFirstDayOfWeek.value;
-
                 if (type === 'datetime') {
                   var dateValue = computeDateValue.value;
-
                   if (inputValue !== _xeUtils.default.toDateString(dateValue, dateLabelFormat) || inputValue !== _xeUtils.default.toDateString(inpDateVal, dateLabelFormat)) {
                     isChange = true;
                     datetimePanelValue.setHours(inpDateVal.getHours());
@@ -1084,11 +946,9 @@ var _default2 = (0, _vue.defineComponent)({
                 } else {
                   isChange = true;
                 }
-
                 reactData.inputValue = _xeUtils.default.toDateString(inpDateVal, dateLabelFormat, {
                   firstDay: firstDayOfWeek
                 });
-
                 if (isChange) {
                   dateChange(inpDateVal);
                 }
@@ -1104,59 +964,48 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var blurEvent = function blurEvent(evnt) {
+    var blurEvent = function (evnt) {
       var inputValue = reactData.inputValue;
       var inpImmediate = computeInpImmediate.value;
-
       if (!inpImmediate) {
         emitModel(inputValue, evnt);
       }
-
       afterCheckValue();
-
       if (!reactData.visiblePanel) {
         reactData.isActivated = false;
       }
-
       inputMethods.dispatchEvent('blur', {
         value: inputValue
       }, evnt);
-    }; // 密码
-
-
-    var passwordToggleEvent = function passwordToggleEvent(evnt) {
+    };
+    // 密码
+    var passwordToggleEvent = function (evnt) {
       var readonly = props.readonly,
-          disabled = props.disabled;
+        disabled = props.disabled;
       var showPwd = reactData.showPwd;
-
       if (!disabled && !readonly) {
         reactData.showPwd = !showPwd;
       }
-
       inputMethods.dispatchEvent('toggle-visible', {
         visible: reactData.showPwd
       }, evnt);
-    }; // 密码
+    };
+    // 密码
     // 搜索
-
-
-    var searchEvent = function searchEvent(evnt) {
+    var searchEvent = function (evnt) {
       inputMethods.dispatchEvent('search-click', {}, evnt);
-    }; // 搜索
+    };
+    // 搜索
     // 数值
-
-
-    var numberChange = function numberChange(isPlus, evnt) {
+    var numberChange = function (isPlus, evnt) {
       var min = props.min,
-          max = props.max,
-          type = props.type;
+        max = props.max,
+        type = props.type;
       var inputValue = reactData.inputValue;
       var stepValue = computeStepValue.value;
       var numValue = type === 'integer' ? _xeUtils.default.toInteger((0, _number.handleNumber)(inputValue)) : _xeUtils.default.toNumber((0, _number.handleNumber)(inputValue));
       var newValue = isPlus ? _xeUtils.default.add(numValue, stepValue) : _xeUtils.default.subtract(numValue, stepValue);
       var restNum;
-
       if (!vaildMinNum(newValue)) {
         restNum = min;
       } else if (!vaildMaxNum(newValue)) {
@@ -1164,52 +1013,40 @@ var _default2 = (0, _vue.defineComponent)({
       } else {
         restNum = newValue;
       }
-
       emitInputEvent(getNumberValue(restNum), evnt);
     };
-
     var downbumTimeout;
-
-    var numberNextEvent = function numberNextEvent(evnt) {
+    var numberNextEvent = function (evnt) {
       var readonly = props.readonly,
-          disabled = props.disabled;
+        disabled = props.disabled;
       var isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
       clearTimeout(downbumTimeout);
-
       if (!disabled && !readonly && !isDisabledSubtractNumber) {
         numberChange(false, evnt);
       }
-
       inputMethods.dispatchEvent('next-number', {}, evnt);
     };
-
-    var numberDownNextEvent = function numberDownNextEvent(evnt) {
+    var numberDownNextEvent = function (evnt) {
       downbumTimeout = window.setTimeout(function () {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
     };
-
-    var numberPrevEvent = function numberPrevEvent(evnt) {
+    var numberPrevEvent = function (evnt) {
       var readonly = props.readonly,
-          disabled = props.disabled;
+        disabled = props.disabled;
       var isDisabledAddNumber = computeIsDisabledAddNumber.value;
       clearTimeout(downbumTimeout);
-
       if (!disabled && !readonly && !isDisabledAddNumber) {
         numberChange(true, evnt);
       }
-
       inputMethods.dispatchEvent('prev-number', {}, evnt);
     };
-
-    var numberKeydownEvent = function numberKeydownEvent(evnt) {
+    var numberKeydownEvent = function (evnt) {
       var isUpArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_UP);
       var isDwArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_DOWN);
-
       if (isUpArrow || isDwArrow) {
         evnt.preventDefault();
-
         if (isUpArrow) {
           numberPrevEvent(evnt);
         } else {
@@ -1217,58 +1054,46 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var keydownEvent = function keydownEvent(evnt) {
+    var keydownEvent = function (evnt) {
       var exponential = props.exponential,
-          controls = props.controls;
+        controls = props.controls;
       var isNumType = computeIsNumType.value;
-
       if (isNumType) {
         var isCtrlKey = evnt.ctrlKey;
         var isShiftKey = evnt.shiftKey;
         var isAltKey = evnt.altKey;
         var keyCode = evnt.keyCode;
-
         if (!isCtrlKey && !isShiftKey && !isAltKey && ((0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
           evnt.preventDefault();
         }
-
         if (controls) {
           numberKeydownEvent(evnt);
         }
       }
-
       triggerEvent(evnt);
     };
-
-    var keyupEvent = function keyupEvent(evnt) {
+    var keyupEvent = function (evnt) {
       triggerEvent(evnt);
-    }; // 数值
-
-
-    var numberStopDown = function numberStopDown() {
+    };
+    // 数值
+    var numberStopDown = function () {
       clearTimeout(downbumTimeout);
     };
-
-    var numberDownPrevEvent = function numberDownPrevEvent(evnt) {
+    var numberDownPrevEvent = function (evnt) {
       downbumTimeout = window.setTimeout(function () {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
     };
-
-    var numberMousedownEvent = function numberMousedownEvent(evnt) {
+    var numberMousedownEvent = function (evnt) {
       numberStopDown();
-
       if (evnt.button === 0) {
         var isPrevNumber_1 = (0, _dom.hasClass)(evnt.currentTarget, 'is--prev');
-
         if (isPrevNumber_1) {
           numberPrevEvent(evnt);
         } else {
           numberNextEvent(evnt);
         }
-
         downbumTimeout = window.setTimeout(function () {
           if (isPrevNumber_1) {
             numberDownPrevEvent(evnt);
@@ -1278,57 +1103,44 @@ var _default2 = (0, _vue.defineComponent)({
         }, 500);
       }
     };
-
-    var wheelEvent = function wheelEvent(evnt) {
+    var wheelEvent = function (evnt) {
       var isNumType = computeIsNumType.value;
-
       if (isNumType && props.controls) {
         if (reactData.isActivated) {
           var delta = evnt.deltaY;
-
           if (delta > 0) {
             numberNextEvent(evnt);
           } else if (delta < 0) {
             numberPrevEvent(evnt);
           }
-
           evnt.preventDefault();
         }
       }
-
       triggerEvent(evnt);
-    }; // 日期
-
-
-    var dateMonthHandle = function dateMonthHandle(date, offsetMonth) {
+    };
+    // 日期
+    var dateMonthHandle = function (date, offsetMonth) {
       reactData.selectMonth = _xeUtils.default.getWhatMonth(date, offsetMonth, 'first');
     };
-
-    var dateNowHandle = function dateNowHandle() {
+    var dateNowHandle = function () {
       var currentDate = _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
-
       reactData.currentDate = currentDate;
       dateMonthHandle(currentDate, 0);
     };
-
-    var dateToggleTypeEvent = function dateToggleTypeEvent() {
+    var dateToggleTypeEvent = function () {
       var datePanelType = reactData.datePanelType;
-
       if (datePanelType === 'month' || datePanelType === 'quarter') {
         datePanelType = 'year';
       } else {
         datePanelType = 'month';
       }
-
       reactData.datePanelType = datePanelType;
     };
-
-    var datePrevEvent = function datePrevEvent(evnt) {
+    var datePrevEvent = function (evnt) {
       var type = props.type;
       var datePanelType = reactData.datePanelType,
-          selectMonth = reactData.selectMonth;
+        selectMonth = reactData.selectMonth;
       var isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
-
       if (!isDisabledPrevDateBtn) {
         if (type === 'year') {
           reactData.selectMonth = _xeUtils.default.getWhatYear(selectMonth, -yearSize, 'first');
@@ -1347,32 +1159,26 @@ var _default2 = (0, _vue.defineComponent)({
             reactData.selectMonth = _xeUtils.default.getWhatMonth(selectMonth, -1, 'first');
           }
         }
-
         inputMethods.dispatchEvent('date-prev', {
           type: type
         }, evnt);
       }
     };
-
-    var dateTodayMonthEvent = function dateTodayMonthEvent(evnt) {
+    var dateTodayMonthEvent = function (evnt) {
       dateNowHandle();
-
       if (!props.multiple) {
         dateChange(reactData.currentDate);
         hidePanel();
       }
-
       inputMethods.dispatchEvent('date-today', {
         type: props.type
       }, evnt);
     };
-
-    var dateNextEvent = function dateNextEvent(evnt) {
+    var dateNextEvent = function (evnt) {
       var type = props.type;
       var datePanelType = reactData.datePanelType,
-          selectMonth = reactData.selectMonth;
+        selectMonth = reactData.selectMonth;
       var isDisabledNextDateBtn = computeIsDisabledNextDateBtn.value;
-
       if (!isDisabledNextDateBtn) {
         if (type === 'year') {
           reactData.selectMonth = _xeUtils.default.getWhatYear(selectMonth, yearSize, 'first');
@@ -1391,14 +1197,12 @@ var _default2 = (0, _vue.defineComponent)({
             reactData.selectMonth = _xeUtils.default.getWhatMonth(selectMonth, 1, 'first');
           }
         }
-
         inputMethods.dispatchEvent('date-next', {
           type: type
         }, evnt);
       }
     };
-
-    var isDateDisabled = function isDateDisabled(item) {
+    var isDateDisabled = function (item) {
       var disabledMethod = props.disabledMethod;
       var datePanelType = reactData.datePanelType;
       return disabledMethod && disabledMethod({
@@ -1408,26 +1212,22 @@ var _default2 = (0, _vue.defineComponent)({
         $input: $xeinput
       });
     };
-
-    var dateSelectItem = function dateSelectItem(date) {
+    var dateSelectItem = function (date) {
       var type = props.type,
-          multiple = props.multiple;
+        multiple = props.multiple;
       var datePanelType = reactData.datePanelType;
-
       if (type === 'month') {
         if (datePanelType === 'year') {
           reactData.datePanelType = 'month';
           dateCheckMonth(date);
         } else {
           dateChange(date);
-
           if (!multiple) {
             hidePanel();
           }
         }
       } else if (type === 'year') {
         dateChange(date);
-
         if (!multiple) {
           hidePanel();
         }
@@ -1437,7 +1237,6 @@ var _default2 = (0, _vue.defineComponent)({
           dateCheckMonth(date);
         } else {
           dateChange(date);
-
           if (!multiple) {
             hidePanel();
           }
@@ -1451,88 +1250,72 @@ var _default2 = (0, _vue.defineComponent)({
           dateCheckMonth(date);
         } else {
           dateChange(date);
-
           if (!multiple) {
             hidePanel();
           }
         }
       }
     };
-
-    var dateSelectEvent = function dateSelectEvent(item) {
+    var dateSelectEvent = function (item) {
       if (!isDateDisabled(item)) {
         dateSelectItem(item.date);
       }
     };
-
-    var dateMoveDay = function dateMoveDay(offsetDay) {
+    var dateMoveDay = function (offsetDay) {
       if (!isDateDisabled({
         date: offsetDay
       })) {
         var dayList = computeDayList.value;
-
         if (!dayList.some(function (item) {
           return _xeUtils.default.isDateSame(item.date, offsetDay, 'yyyyMMdd');
         })) {
           dateCheckMonth(offsetDay);
         }
-
         dateParseValue(offsetDay);
       }
     };
-
-    var dateMoveYear = function dateMoveYear(offsetYear) {
+    var dateMoveYear = function (offsetYear) {
       if (!isDateDisabled({
         date: offsetYear
       })) {
         var yearList = computeYearList.value;
-
         if (!yearList.some(function (item) {
           return _xeUtils.default.isDateSame(item.date, offsetYear, 'yyyy');
         })) {
           dateCheckMonth(offsetYear);
         }
-
         dateParseValue(offsetYear);
       }
     };
-
-    var dateMoveQuarter = function dateMoveQuarter(offsetQuarter) {
+    var dateMoveQuarter = function (offsetQuarter) {
       if (!isDateDisabled({
         date: offsetQuarter
       })) {
         var quarterList = computeQuarterList.value;
-
         if (!quarterList.some(function (item) {
           return _xeUtils.default.isDateSame(item.date, offsetQuarter, 'yyyyq');
         })) {
           dateCheckMonth(offsetQuarter);
         }
-
         dateParseValue(offsetQuarter);
       }
     };
-
-    var dateMoveMonth = function dateMoveMonth(offsetMonth) {
+    var dateMoveMonth = function (offsetMonth) {
       if (!isDateDisabled({
         date: offsetMonth
       })) {
         var monthList = computeMonthList.value;
-
         if (!monthList.some(function (item) {
           return _xeUtils.default.isDateSame(item.date, offsetMonth, 'yyyyMM');
         })) {
           dateCheckMonth(offsetMonth);
         }
-
         dateParseValue(offsetMonth);
       }
     };
-
-    var dateMouseenterEvent = function dateMouseenterEvent(item) {
+    var dateMouseenterEvent = function (item) {
       if (!isDateDisabled(item)) {
         var datePanelType = reactData.datePanelType;
-
         if (datePanelType === 'month') {
           dateMoveMonth(item.date);
         } else if (datePanelType === 'quarter') {
@@ -1544,62 +1327,50 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var updateTimePos = function updateTimePos(liElem) {
+    var updateTimePos = function (liElem) {
       if (liElem) {
         var height = liElem.offsetHeight;
         var ulElem = liElem.parentNode;
         ulElem.scrollTop = liElem.offsetTop - height * 4;
       }
     };
-
-    var dateTimeChangeEvent = function dateTimeChangeEvent(evnt) {
+    var dateTimeChangeEvent = function (evnt) {
       reactData.datetimePanelValue = new Date(reactData.datetimePanelValue.getTime());
       updateTimePos(evnt.currentTarget);
     };
-
-    var dateHourEvent = function dateHourEvent(evnt, item) {
+    var dateHourEvent = function (evnt, item) {
       reactData.datetimePanelValue.setHours(item.value);
       dateTimeChangeEvent(evnt);
     };
-
-    var dateConfirmEvent = function dateConfirmEvent() {
+    var dateConfirmEvent = function () {
       var multiple = props.multiple;
       var dateValue = computeDateValue.value;
       var isDateTimeType = computeIsDateTimeType.value;
-
       if (isDateTimeType || multiple) {
         dateChange(dateValue || reactData.currentDate);
       }
-
       hidePanel();
     };
-
-    var dateMinuteEvent = function dateMinuteEvent(evnt, item) {
+    var dateMinuteEvent = function (evnt, item) {
       reactData.datetimePanelValue.setMinutes(item.value);
       dateTimeChangeEvent(evnt);
     };
-
-    var dateSecondEvent = function dateSecondEvent(evnt, item) {
+    var dateSecondEvent = function (evnt, item) {
       reactData.datetimePanelValue.setSeconds(item.value);
       dateTimeChangeEvent(evnt);
     };
-
-    var dateOffsetEvent = function dateOffsetEvent(evnt) {
+    var dateOffsetEvent = function (evnt) {
       var isActivated = reactData.isActivated,
-          datePanelValue = reactData.datePanelValue,
-          datePanelType = reactData.datePanelType;
-
+        datePanelValue = reactData.datePanelValue,
+        datePanelType = reactData.datePanelType;
       if (isActivated) {
         evnt.preventDefault();
         var isLeftArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_LEFT);
         var isUpArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_UP);
         var isRightArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_RIGHT);
         var isDwArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_DOWN);
-
         if (datePanelType === 'year') {
           var offsetYear = _xeUtils.default.getWhatYear(datePanelValue || Date.now(), 0, 'first');
-
           if (isLeftArrow) {
             offsetYear = _xeUtils.default.getWhatYear(offsetYear, -1);
           } else if (isUpArrow) {
@@ -1609,11 +1380,9 @@ var _default2 = (0, _vue.defineComponent)({
           } else if (isDwArrow) {
             offsetYear = _xeUtils.default.getWhatYear(offsetYear, 4);
           }
-
           dateMoveYear(offsetYear);
         } else if (datePanelType === 'quarter') {
           var offsetQuarter = _xeUtils.default.getWhatQuarter(datePanelValue || Date.now(), 0, 'first');
-
           if (isLeftArrow) {
             offsetQuarter = _xeUtils.default.getWhatQuarter(offsetQuarter, -1);
           } else if (isUpArrow) {
@@ -1623,11 +1392,9 @@ var _default2 = (0, _vue.defineComponent)({
           } else if (isDwArrow) {
             offsetQuarter = _xeUtils.default.getWhatQuarter(offsetQuarter, 2);
           }
-
           dateMoveQuarter(offsetQuarter);
         } else if (datePanelType === 'month') {
           var offsetMonth = _xeUtils.default.getWhatMonth(datePanelValue || Date.now(), 0, 'first');
-
           if (isLeftArrow) {
             offsetMonth = _xeUtils.default.getWhatMonth(offsetMonth, -1);
           } else if (isUpArrow) {
@@ -1637,13 +1404,10 @@ var _default2 = (0, _vue.defineComponent)({
           } else if (isDwArrow) {
             offsetMonth = _xeUtils.default.getWhatMonth(offsetMonth, 4);
           }
-
           dateMoveMonth(offsetMonth);
         } else {
           var offsetDay = datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
-
           var firstDayOfWeek = computeFirstDayOfWeek.value;
-
           if (isLeftArrow) {
             offsetDay = _xeUtils.default.getWhatDay(offsetDay, -1);
           } else if (isUpArrow) {
@@ -1653,19 +1417,15 @@ var _default2 = (0, _vue.defineComponent)({
           } else if (isDwArrow) {
             offsetDay = _xeUtils.default.getWhatWeek(offsetDay, 1, firstDayOfWeek);
           }
-
           dateMoveDay(offsetDay);
         }
       }
     };
-
-    var datePgOffsetEvent = function datePgOffsetEvent(evnt) {
+    var datePgOffsetEvent = function (evnt) {
       var isActivated = reactData.isActivated;
-
       if (isActivated) {
         var isPgUp = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.PAGE_UP);
         evnt.preventDefault();
-
         if (isPgUp) {
           datePrevEvent(evnt);
         } else {
@@ -1673,53 +1433,44 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var dateOpenPanel = function dateOpenPanel() {
+    var dateOpenPanel = function () {
       var type = props.type;
       var isDateTimeType = computeIsDateTimeType.value;
       var dateValue = computeDateValue.value;
-
       if (['year', 'quarter', 'month', 'week'].indexOf(type) > -1) {
         reactData.datePanelType = type;
       } else {
         reactData.datePanelType = 'day';
       }
-
       reactData.currentDate = _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
-
       if (dateValue) {
         dateMonthHandle(dateValue, 0);
         dateParseValue(dateValue);
       } else {
         dateNowHandle();
       }
-
       if (isDateTimeType) {
         reactData.datetimePanelValue = reactData.datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
         (0, _vue.nextTick)(function () {
           var timeBodyElem = refInputTimeBody.value;
-
           _xeUtils.default.arrayEach(timeBodyElem.querySelectorAll('li.is--selected'), updateTimePos);
         });
       }
-    }; // 日期
+    };
+    // 日期
     // 弹出面板
-
-
-    var updateZindex = function updateZindex() {
+    var updateZindex = function () {
       if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
         reactData.panelIndex = (0, _utils.nextZIndex)();
       }
     };
-
-    var updatePlacement = function updatePlacement() {
+    var updatePlacement = function () {
       return (0, _vue.nextTick)().then(function () {
         var transfer = props.transfer,
-            placement = props.placement;
+          placement = props.placement;
         var panelIndex = reactData.panelIndex;
         var targetElem = refInputTarget.value;
         var panelElem = refInputPanel.value;
-
         if (targetElem && panelElem) {
           var targetHeight = targetElem.offsetHeight;
           var targetWidth = targetElem.offsetWidth;
@@ -1729,19 +1480,15 @@ var _default2 = (0, _vue.defineComponent)({
           var panelStyle = {
             zIndex: panelIndex
           };
-
           var _a = (0, _dom.getAbsolutePos)(targetElem),
-              boundingTop = _a.boundingTop,
-              boundingLeft = _a.boundingLeft,
-              visibleHeight = _a.visibleHeight,
-              visibleWidth = _a.visibleWidth;
-
+            boundingTop = _a.boundingTop,
+            boundingLeft = _a.boundingLeft,
+            visibleHeight = _a.visibleHeight,
+            visibleWidth = _a.visibleWidth;
           var panelPlacement = 'bottom';
-
           if (transfer) {
             var left = boundingLeft;
             var top_1 = boundingTop + targetHeight;
-
             if (placement === 'top') {
               panelPlacement = 'top';
               top_1 = boundingTop - panelHeight;
@@ -1750,25 +1497,21 @@ var _default2 = (0, _vue.defineComponent)({
               if (top_1 + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top';
                 top_1 = boundingTop - panelHeight;
-              } // 如果上面不够放，则向下（优先）
-
-
+              }
+              // 如果上面不够放，则向下（优先）
               if (top_1 < marginSize) {
                 panelPlacement = 'bottom';
                 top_1 = boundingTop + targetHeight;
               }
-            } // 如果溢出右边
-
-
+            }
+            // 如果溢出右边
             if (left + panelWidth + marginSize > visibleWidth) {
               left -= left + panelWidth + marginSize - visibleWidth;
-            } // 如果溢出左边
-
-
+            }
+            // 如果溢出左边
             if (left < marginSize) {
               left = marginSize;
             }
-
             Object.assign(panelStyle, {
               left: "".concat(left, "px"),
               top: "".concat(top_1, "px"),
@@ -1789,74 +1532,59 @@ var _default2 = (0, _vue.defineComponent)({
               }
             }
           }
-
           reactData.panelStyle = panelStyle;
           reactData.panelPlacement = panelPlacement;
           return (0, _vue.nextTick)();
         }
       });
     };
-
-    var showPanel = function showPanel() {
+    var showPanel = function () {
       var disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel;
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (!disabled && !visiblePanel) {
         if (!reactData.inited) {
           reactData.inited = true;
         }
-
         clearTimeout(hidePanelTimeout);
         reactData.isActivated = true;
         reactData.animatVisible = true;
-
         if (isDatePickerType) {
           dateOpenPanel();
         }
-
         setTimeout(function () {
           reactData.visiblePanel = true;
         }, 10);
         updateZindex();
         return updatePlacement();
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var datePickerOpenEvent = function datePickerOpenEvent(evnt) {
+    var datePickerOpenEvent = function (evnt) {
       var readonly = props.readonly;
-
       if (!readonly) {
         evnt.preventDefault();
         showPanel();
       }
     };
-
-    var clickEvent = function clickEvent(evnt) {
+    var clickEvent = function (evnt) {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         datePickerOpenEvent(evnt);
       }
-
       triggerEvent(evnt);
-    }; // 弹出面板
+    };
+    // 弹出面板
     // 全局事件
-
-
-    var handleGlobalMousedownEvent = function handleGlobalMousedownEvent(evnt) {
+    var handleGlobalMousedownEvent = function (evnt) {
       var disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel,
-          isActivated = reactData.isActivated;
+        isActivated = reactData.isActivated;
       var isDatePickerType = computeIsDatePickerType.value;
       var el = refElem.value;
       var panelElem = refInputPanel.value;
-
       if (!disabled && isActivated) {
         reactData.isActivated = (0, _dom.getEventTargetNode)(evnt, el).flag || (0, _dom.getEventTargetNode)(evnt, panelElem).flag;
-
         if (!reactData.isActivated) {
           // 如果是日期类型
           if (isDatePickerType) {
@@ -1870,13 +1598,11 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(evnt) {
+    var handleGlobalKeydownEvent = function (evnt) {
       var clearable = props.clearable,
-          disabled = props.disabled;
+        disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel;
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (!disabled) {
         var isTab = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.TAB);
         var isDel = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.DELETE);
@@ -1890,12 +1616,10 @@ var _default2 = (0, _vue.defineComponent)({
         var isPgDn = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.PAGE_DOWN);
         var operArrow = isLeftArrow || isUpArrow || isRightArrow || isDwArrow;
         var isActivated = reactData.isActivated;
-
         if (isTab) {
           if (isActivated) {
             afterCheckValue();
           }
-
           isActivated = false;
           reactData.isActivated = isActivated;
         } else if (operArrow) {
@@ -1927,7 +1651,6 @@ var _default2 = (0, _vue.defineComponent)({
             }
           }
         }
-
         if (isTab || isEsc) {
           if (visiblePanel) {
             hidePanel();
@@ -1939,15 +1662,12 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var handleGlobalMousewheelEvent = function handleGlobalMousewheelEvent(evnt) {
+    var handleGlobalMousewheelEvent = function (evnt) {
       var disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel;
-
       if (!disabled) {
         if (visiblePanel) {
           var panelElem = refInputPanel.value;
-
           if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
             updatePlacement();
           } else {
@@ -1957,11 +1677,9 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var handleGlobalBlurEvent = function handleGlobalBlurEvent() {
+    var handleGlobalBlurEvent = function () {
       var isActivated = reactData.isActivated,
-          visiblePanel = reactData.visiblePanel;
-
+        visiblePanel = reactData.visiblePanel;
       if (visiblePanel) {
         hidePanel();
         afterCheckValue();
@@ -1969,10 +1687,8 @@ var _default2 = (0, _vue.defineComponent)({
         afterCheckValue();
       }
     };
-
-    var renderDateLabel = function renderDateLabel(item, label) {
+    var renderDateLabel = function (item, label) {
       var festivalMethod = props.festivalMethod;
-
       if (festivalMethod) {
         var datePanelType = reactData.datePanelType;
         var festivalRest = festivalMethod({
@@ -1996,11 +1712,9 @@ var _default2 = (0, _vue.defineComponent)({
           style: extraItem.style
         }, _xeUtils.default.toValueString(extraItem.label))] : label)];
         var festivalLabel = festivalItem.label;
-
         if (festivalLabel) {
           // 默认最多支持3个节日重叠
           var festivalLabels = _xeUtils.default.toValueString(festivalLabel).split(',');
-
           labels.push((0, _vue.h)('span', {
             class: ['vxe-input--date-festival', festivalItem.important ? 'is-important' : '', festivalItem.className],
             style: festivalItem.style
@@ -2012,17 +1726,14 @@ var _default2 = (0, _vue.defineComponent)({
             class: 'vxe-input--date-festival--label'
           }, festivalLabels[0].substring(0, 3))]));
         }
-
         return labels;
       }
-
       return label;
     };
-
-    var renderDateDayTable = function renderDateDayTable() {
+    var renderDateDayTable = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
-          datePanelValue = reactData.datePanelValue;
+        datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var dateHeaders = computeDateHeaders.value;
       var dayDatas = computeDayDatas.value;
@@ -2049,21 +1760,20 @@ var _default2 = (0, _vue.defineComponent)({
               }) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
             },
-            onClick: function onClick() {
+            onClick: function () {
               return dateSelectEvent(item);
             },
-            onMouseenter: function onMouseenter() {
+            onMouseenter: function () {
               return dateMouseenterEvent(item);
             }
           }, renderDateLabel(item, item.label));
         }));
       }))])];
     };
-
-    var renderDateWeekTable = function renderDateWeekTable() {
+    var renderDateWeekTable = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
-          datePanelValue = reactData.datePanelValue;
+        datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var weekHeaders = computeWeekHeaders.value;
       var weekDates = computeWeekDates.value;
@@ -2099,21 +1809,20 @@ var _default2 = (0, _vue.defineComponent)({
               'is--hover': isHover
             },
             // event
-            onClick: function onClick() {
+            onClick: function () {
               return dateSelectEvent(item);
             },
-            onMouseenter: function onMouseenter() {
+            onMouseenter: function () {
               return dateMouseenterEvent(item);
             }
           }, renderDateLabel(item, item.label));
         }));
       }))])];
     };
-
-    var renderDateMonthTable = function renderDateMonthTable() {
+    var renderDateMonthTable = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
-          datePanelValue = reactData.datePanelValue;
+        datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var monthDatas = computeMonthDatas.value;
       var dateListValue = computeDateListValue.value;
@@ -2137,21 +1846,20 @@ var _default2 = (0, _vue.defineComponent)({
               }) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
             },
-            onClick: function onClick() {
+            onClick: function () {
               return dateSelectEvent(item);
             },
-            onMouseenter: function onMouseenter() {
+            onMouseenter: function () {
               return dateMouseenterEvent(item);
             }
           }, renderDateLabel(item, _conf.default.i18n("vxe.input.date.months.m".concat(item.month))));
         }));
       }))])];
     };
-
-    var renderDateQuarterTable = function renderDateQuarterTable() {
+    var renderDateQuarterTable = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
-          datePanelValue = reactData.datePanelValue;
+        datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var quarterDatas = computeQuarterDatas.value;
       var dateListValue = computeDateListValue.value;
@@ -2175,21 +1883,20 @@ var _default2 = (0, _vue.defineComponent)({
               }) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
             },
-            onClick: function onClick() {
+            onClick: function () {
               return dateSelectEvent(item);
             },
-            onMouseenter: function onMouseenter() {
+            onMouseenter: function () {
               return dateMouseenterEvent(item);
             }
           }, renderDateLabel(item, _conf.default.i18n("vxe.input.date.quarters.q".concat(item.quarter))));
         }));
       }))])];
     };
-
-    var renderDateYearTable = function renderDateYearTable() {
+    var renderDateYearTable = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType,
-          datePanelValue = reactData.datePanelValue;
+        datePanelValue = reactData.datePanelValue;
       var dateValue = computeDateValue.value;
       var yearDatas = computeYearDatas.value;
       var dateListValue = computeDateListValue.value;
@@ -2213,38 +1920,31 @@ var _default2 = (0, _vue.defineComponent)({
               }) : _xeUtils.default.isDateSame(dateValue, item.date, matchFormat),
               'is--hover': _xeUtils.default.isDateSame(datePanelValue, item.date, matchFormat)
             },
-            onClick: function onClick() {
+            onClick: function () {
               return dateSelectEvent(item);
             },
-            onMouseenter: function onMouseenter() {
+            onMouseenter: function () {
               return dateMouseenterEvent(item);
             }
           }, renderDateLabel(item, item.year));
         }));
       }))])];
     };
-
-    var renderDateTable = function renderDateTable() {
+    var renderDateTable = function () {
       var datePanelType = reactData.datePanelType;
-
       switch (datePanelType) {
         case 'week':
           return renderDateWeekTable();
-
         case 'month':
           return renderDateMonthTable();
-
         case 'quarter':
           return renderDateQuarterTable();
-
         case 'year':
           return renderDateYearTable();
       }
-
       return renderDateDayTable();
     };
-
-    var renderDatePanel = function renderDatePanel() {
+    var renderDatePanel = function () {
       var multiple = props.multiple;
       var datePanelType = reactData.datePanelType;
       var isDisabledPrevDateBtn = computeIsDisabledPrevDateBtn.value;
@@ -2290,8 +1990,7 @@ var _default2 = (0, _vue.defineComponent)({
         class: 'vxe-input--date-picker-body'
       }, renderDateTable())];
     };
-
-    var renderTimePanel = function renderTimePanel() {
+    var renderTimePanel = function () {
       var datetimePanelValue = reactData.datetimePanelValue;
       var dateTimeLabel = computeDateTimeLabel.value;
       var hourList = computeHourList.value;
@@ -2316,7 +2015,7 @@ var _default2 = (0, _vue.defineComponent)({
           class: {
             'is--selected': datetimePanelValue && datetimePanelValue.getHours() === item.value
           },
-          onClick: function onClick(evnt) {
+          onClick: function (evnt) {
             return dateHourEvent(evnt, item);
           }
         }, item.label);
@@ -2328,7 +2027,7 @@ var _default2 = (0, _vue.defineComponent)({
           class: {
             'is--selected': datetimePanelValue && datetimePanelValue.getMinutes() === item.value
           },
-          onClick: function onClick(evnt) {
+          onClick: function (evnt) {
             return dateMinuteEvent(evnt, item);
           }
         }, item.label);
@@ -2340,27 +2039,24 @@ var _default2 = (0, _vue.defineComponent)({
           class: {
             'is--selected': datetimePanelValue && datetimePanelValue.getSeconds() === item.value
           },
-          onClick: function onClick(evnt) {
+          onClick: function (evnt) {
             return dateSecondEvent(evnt, item);
           }
         }, item.label);
       }))])];
     };
-
-    var renderPanel = function renderPanel() {
+    var renderPanel = function () {
       var _a;
-
       var type = props.type,
-          transfer = props.transfer;
+        transfer = props.transfer;
       var inited = reactData.inited,
-          animatVisible = reactData.animatVisible,
-          visiblePanel = reactData.visiblePanel,
-          panelPlacement = reactData.panelPlacement,
-          panelStyle = reactData.panelStyle;
+        animatVisible = reactData.animatVisible,
+        visiblePanel = reactData.visiblePanel,
+        panelPlacement = reactData.panelPlacement,
+        panelStyle = reactData.panelStyle;
       var vSize = computeSize.value;
       var isDatePickerType = computeIsDatePickerType.value;
       var renders = [];
-
       if (isDatePickerType) {
         if (type === 'datetime') {
           renders.push((0, _vue.h)('div', {
@@ -2379,7 +2075,6 @@ var _default2 = (0, _vue.defineComponent)({
             class: 'vxe-input--panel-wrapper'
           }, renderDatePanel()));
         }
-
         return (0, _vue.h)(_vue.Teleport, {
           to: 'body',
           disabled: transfer ? !inited : true
@@ -2390,11 +2085,9 @@ var _default2 = (0, _vue.defineComponent)({
           style: panelStyle
         }, renders)]);
       }
-
       return null;
     };
-
-    var renderNumberIcon = function renderNumberIcon() {
+    var renderNumberIcon = function () {
       var isDisabledAddNumber = computeIsDisabledAddNumber.value;
       var isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
       return (0, _vue.h)('span', {
@@ -2419,8 +2112,7 @@ var _default2 = (0, _vue.defineComponent)({
         class: ['vxe-input--number-next-icon', _conf.default.icon.INPUT_NEXT_NUM]
       })])]);
     };
-
-    var renderDatePickerIcon = function renderDatePickerIcon() {
+    var renderDatePickerIcon = function () {
       return (0, _vue.h)('span', {
         class: 'vxe-input--date-picker-suffix',
         onClick: datePickerOpenEvent
@@ -2428,8 +2120,7 @@ var _default2 = (0, _vue.defineComponent)({
         class: ['vxe-input--date-picker-icon', _conf.default.icon.INPUT_DATE]
       })]);
     };
-
-    var renderSearchIcon = function renderSearchIcon() {
+    var renderSearchIcon = function () {
       return (0, _vue.h)('span', {
         class: 'vxe-input--search-suffix',
         onClick: searchEvent
@@ -2437,8 +2128,7 @@ var _default2 = (0, _vue.defineComponent)({
         class: ['vxe-input--search-icon', _conf.default.icon.INPUT_SEARCH]
       })]);
     };
-
-    var renderPasswordIcon = function renderPasswordIcon() {
+    var renderPasswordIcon = function () {
       var showPwd = reactData.showPwd;
       return (0, _vue.h)('span', {
         class: 'vxe-input--password-suffix',
@@ -2447,12 +2137,10 @@ var _default2 = (0, _vue.defineComponent)({
         class: ['vxe-input--password-icon', showPwd ? _conf.default.icon.INPUT_SHOW_PWD : _conf.default.icon.INPUT_PWD]
       })]);
     };
-
-    var rendePrefixIcon = function rendePrefixIcon() {
+    var rendePrefixIcon = function () {
       var prefixIcon = props.prefixIcon;
       var prefixSlot = slots.prefix;
       var icons = [];
-
       if (prefixSlot) {
         icons.push((0, _vue.h)('span', {
           class: 'vxe-input--prefix-icon'
@@ -2462,21 +2150,18 @@ var _default2 = (0, _vue.defineComponent)({
           class: ['vxe-input--prefix-icon', prefixIcon]
         }));
       }
-
       return icons.length ? (0, _vue.h)('span', {
         class: 'vxe-input--prefix',
         onClick: clickPrefixEvent
       }, icons) : null;
     };
-
-    var renderSuffixIcon = function renderSuffixIcon() {
+    var renderSuffixIcon = function () {
       var disabled = props.disabled,
-          suffixIcon = props.suffixIcon;
+        suffixIcon = props.suffixIcon;
       var inputValue = reactData.inputValue;
       var suffixSlot = slots.suffix;
       var isClearable = computeIsClearable.value;
       var icons = [];
-
       if (suffixSlot) {
         icons.push((0, _vue.h)('span', {
           class: 'vxe-input--suffix-icon'
@@ -2486,13 +2171,11 @@ var _default2 = (0, _vue.defineComponent)({
           class: ['vxe-input--suffix-icon', suffixIcon]
         }));
       }
-
       if (isClearable) {
         icons.push((0, _vue.h)('i', {
           class: ['vxe-input--clear-icon', _conf.default.icon.INPUT_CLEAR]
         }));
       }
-
       return icons.length ? (0, _vue.h)('span', {
         class: ['vxe-input--suffix', {
           'is--clear': isClearable && !disabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
@@ -2500,15 +2183,13 @@ var _default2 = (0, _vue.defineComponent)({
         onClick: clickSuffixEvent
       }, icons) : null;
     };
-
-    var renderExtraSuffixIcon = function renderExtraSuffixIcon() {
+    var renderExtraSuffixIcon = function () {
       var controls = props.controls;
       var isNumType = computeIsNumType.value;
       var isDatePickerType = computeIsDatePickerType.value;
       var isPawdType = computeIsPawdType.value;
       var isSearchType = computeIsSearchType.value;
       var icons;
-
       if (isPawdType) {
         icons = renderPasswordIcon();
       } else if (isNumType) {
@@ -2520,26 +2201,24 @@ var _default2 = (0, _vue.defineComponent)({
       } else if (isSearchType) {
         icons = renderSearchIcon();
       }
-
       return icons ? (0, _vue.h)('span', {
         class: 'vxe-input--extra-suffix'
       }, [icons]) : null;
     };
-
     inputMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $input: $xeinput,
           $event: evnt
         }, params));
       },
-      focus: function focus() {
+      focus: function () {
         var inputElem = refInputTarget.value;
         reactData.isActivated = true;
         inputElem.focus();
         return (0, _vue.nextTick)();
       },
-      blur: function blur() {
+      blur: function () {
         var inputElem = refInputTarget.value;
         inputElem.blur();
         reactData.isActivated = false;
@@ -2573,7 +2252,6 @@ var _default2 = (0, _vue.defineComponent)({
     });
     (0, _vue.watch)(computeDateLabelFormat, function () {
       var isDatePickerType = computeIsDatePickerType.value;
-
       if (isDatePickerType) {
         dateParseValue(reactData.datePanelValue);
         reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
@@ -2581,40 +2259,31 @@ var _default2 = (0, _vue.defineComponent)({
     });
     (0, _vue.nextTick)(function () {
       _event.GlobalEvent.on($xeinput, 'mousewheel', handleGlobalMousewheelEvent);
-
       _event.GlobalEvent.on($xeinput, 'mousedown', handleGlobalMousedownEvent);
-
       _event.GlobalEvent.on($xeinput, 'keydown', handleGlobalKeydownEvent);
-
       _event.GlobalEvent.on($xeinput, 'blur', handleGlobalBlurEvent);
     });
     (0, _vue.onUnmounted)(function () {
       numberStopDown();
-
       _event.GlobalEvent.off($xeinput, 'mousewheel');
-
       _event.GlobalEvent.off($xeinput, 'mousedown');
-
       _event.GlobalEvent.off($xeinput, 'keydown');
-
       _event.GlobalEvent.off($xeinput, 'blur');
     });
     initValue();
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a;
-
       var className = props.className,
-          controls = props.controls,
-          type = props.type,
-          align = props.align,
-          name = props.name,
-          disabled = props.disabled,
-          readonly = props.readonly,
-          autocomplete = props.autocomplete;
+        controls = props.controls,
+        type = props.type,
+        align = props.align,
+        name = props.name,
+        disabled = props.disabled,
+        readonly = props.readonly,
+        autocomplete = props.autocomplete;
       var inputValue = reactData.inputValue,
-          visiblePanel = reactData.visiblePanel,
-          isActivated = reactData.isActivated;
+        visiblePanel = reactData.visiblePanel,
+        isActivated = reactData.isActivated;
       var vSize = computeSize.value;
       var isDatePickerType = computeIsDatePickerType.value;
       var inpReadonly = computeInpReadonly.value;
@@ -2623,13 +2292,12 @@ var _default2 = (0, _vue.defineComponent)({
       var inpPlaceholder = computeInpPlaceholder.value;
       var childs = [];
       var prefix = rendePrefixIcon();
-      var suffix = renderSuffixIcon(); // 前缀图标
-
+      var suffix = renderSuffixIcon();
+      // 前缀图标
       if (prefix) {
         childs.push(prefix);
-      } // 输入框
-
-
+      }
+      // 输入框
       childs.push((0, _vue.h)('input', {
         ref: refInputTarget,
         class: 'vxe-input--inner',
@@ -2649,31 +2317,27 @@ var _default2 = (0, _vue.defineComponent)({
         onChange: changeEvent,
         onFocus: focusEvent,
         onBlur: blurEvent
-      })); // 后缀图标
-
+      }));
+      // 后缀图标
       if (suffix) {
         childs.push(suffix);
-      } // 特殊功能图标
-
-
-      childs.push(renderExtraSuffixIcon()); // 面板容器
-
+      }
+      // 特殊功能图标
+      childs.push(renderExtraSuffixIcon());
+      // 面板容器
       if (isDatePickerType) {
         childs.push(renderPanel());
       }
-
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-input', "type--".concat(type), className, (_a = {}, _a["size--".concat(vSize)] = vSize, _a["is--".concat(align)] = align, _a['is--controls'] = controls, _a['is--prefix'] = !!prefix, _a['is--suffix'] = !!suffix, _a['is--readonly'] = readonly, _a['is--visivle'] = visiblePanel, _a['is--disabled'] = disabled, _a['is--active'] = isActivated, _a)]
       }, childs);
     };
-
     $xeinput.renderVN = renderVN;
     return $xeinput;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;