vxe-pc-ui 3.15.1 → 3.15.2

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.15.1");
+var log_version = "ui v".concat("3.15.2");
 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.15.1";
+var ui_version = "3.15.2";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -18381,6 +18381,18 @@ function handleValueFormat(type, valueFormat) {
   }
   return 'yyyy-MM-dd';
 }
+function handleInputFormat(type, inputFormat) {
+  if (inputFormat) {
+    return inputFormat;
+  }
+  if (type === 'time') {
+    return 'HH:mm:ss';
+  }
+  if (type === 'datetime') {
+    return 'yyyy-MM-dd HH:mm:ss';
+  }
+  return 'yyyy-MM-dd';
+}
 function toStringTimeDate(str) {
   var rest = new Date(2e3, 0, 1);
   if (str) {
@@ -28409,7 +28421,6 @@ var handleNumberString = function handleNumberString(val) {
         return getConfig().numberInput.size || getConfig().size;
       }
     },
-    // number、integer、float
     min: {
       type: [String, Number],
       default: null
@@ -28438,14 +28449,14 @@ var handleNumberString = function handleNumberString(val) {
       }
     },
     controlConfig: Object,
-    // float
+    // number、float、amount
     roundingMode: {
       type: String,
       default: function _default() {
         return getConfig().numberInput.roundingMode;
       }
     },
-    // float
+    // float、amount
     digits: {
       type: [String, Number],
       default: null
@@ -34184,6 +34195,7 @@ var DatePanel = VxeDatePanel;
     labelFormat: String,
     valueFormat: String,
     timeFormat: String,
+    inputFormat: String,
     editable: {
       type: Boolean,
       default: true
@@ -34225,6 +34237,7 @@ var DatePanel = VxeDatePanel;
         return getConfig().datePicker.autoClose;
       }
     },
+    controlConfig: Object,
     prefixIcon: String,
     suffixIcon: String,
     placement: String,
@@ -34276,7 +34289,8 @@ var DatePanel = VxeDatePanel;
       inputLabel: ''
     };
     var internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     };
     return {
       xID: xID,
@@ -34420,6 +34434,13 @@ var DatePanel = VxeDatePanel;
         valueFormat = props.valueFormat;
       return handleValueFormat(type, valueFormat);
     },
+    computeDateInputFormat: function computeDateInputFormat() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var type = props.type,
+        inputFormat = props.inputFormat;
+      return handleInputFormat(type, inputFormat);
+    },
     computeFirstDayOfWeek: function computeFirstDayOfWeek() {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
@@ -34445,6 +34466,11 @@ var DatePanel = VxeDatePanel;
         });
         return dateObj.label;
       }).join(', ');
+    },
+    computeControlOpts: function computeControlOpts() {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
     }
   }),
   methods: {
@@ -34567,6 +34593,8 @@ var DatePanel = VxeDatePanel;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDatePicker.datePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDatePicker.hidePanel();
       }
       $xeDatePicker.triggerEvent(evnt);
     },
@@ -34615,6 +34643,35 @@ var DatePanel = VxeDatePanel;
         }, evnt);
       }
     },
+    handleArrowInputDate: function handleArrowInputDate(evnt, isUpArrow) {
+      var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var reactData = $xeDatePicker.reactData;
+      var internalData = $xeDatePicker.internalData;
+      var multiple = props.multiple;
+      if (multiple) {
+        return;
+      }
+      var inputValue = reactData.inputValue;
+      if (!inputValue) {
+        return;
+      }
+      var targetElem = $xeDatePicker.$refs.refInputTarget;
+      if (!targetElem) {
+        return;
+      }
+      var parseInputKayMaps = internalData.parseInputKayMaps;
+      var inputFormat = $xeDatePicker.computeDateInputFormat;
+      var selectionStart = targetElem.selectionStart || 0;
+      var selectKey = inputFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = inputFormat[selectionStart - 1];
+      }
+      var inputPaesrFn = parseInputKayMaps[selectKey];
+      if (inputPaesrFn) {
+        inputPaesrFn(evnt, targetElem, isUpArrow);
+      }
+    },
     blurEvent: function blurEvent(evnt) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
@@ -34644,6 +34701,14 @@ var DatePanel = VxeDatePanel;
     },
     keydownEvent: function keydownEvent(evnt) {
       var $xeDatePicker = this;
+      var props = $xeDatePicker;
+      var controlConfig = props.controlConfig;
+      var controlOpts = $xeDatePicker.computeControlOpts;
+      var isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      var isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+        $xeDatePicker.handleArrowInputDate(evnt, isUpArrow);
+      }
       $xeDatePicker.triggerEvent(evnt);
     },
     keyupEvent: function keyupEvent(evnt) {
@@ -34789,6 +34854,9 @@ var DatePanel = VxeDatePanel;
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDatePicker.$refs.refInputTarget;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDatePicker.$nextTick();
+      }
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -34815,13 +34883,9 @@ var DatePanel = VxeDatePanel;
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
       var panelElem = $xeDatePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -34848,10 +34912,16 @@ var DatePanel = VxeDatePanel;
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDatePicker = this;
+      var reactData = $xeDatePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDatePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDatePicker.datePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDatePicker.hidePanel();
+        } else {
+          $xeDatePicker.datePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -34983,6 +35053,10 @@ var DatePanel = VxeDatePanel;
       var props = $xeDatePicker;
       var slots = $xeDatePicker.$scopedSlots;
       var reactData = $xeDatePicker.reactData;
+      var popupOpts = $xeDatePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDatePicker);
+      }
       var type = props.type,
         multiple = props.multiple,
         showClearButton = props.showClearButton,
@@ -35000,7 +35074,6 @@ var DatePanel = VxeDatePanel;
       var isDateTimeType = $xeDatePicker.computeIsDateTimeType;
       var shortcutList = $xeDatePicker.computeShortcutList;
       var timeOpts = $xeDatePicker.computeTimeOpts;
-      var popupOpts = $xeDatePicker.computePopupOpts;
       var position = shortcutOpts.position;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
@@ -35228,6 +35301,14 @@ var DatePanel = VxeDatePanel;
   },
   created: function created() {
     var $xeDatePicker = this;
+    var internalData = $xeDatePicker.internalData;
+    var parseInputKayMaps = internalData.parseInputKayMaps;
+    var inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+    inputKeys.forEach(function (key) {
+      parseInputKayMaps[key] = function (evnt) {
+        evnt.preventDefault();
+      };
+    });
     $xeDatePicker.updateModelValue();
     globalEvents.on($xeDatePicker, 'mousewheel', $xeDatePicker.handleGlobalMousewheelEvent);
     globalEvents.on($xeDatePicker, 'mousedown', $xeDatePicker.handleGlobalMousedownEvent);
@@ -35857,6 +35938,8 @@ var DatePicker = VxeDatePicker;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        $xeDateRangePicker.hidePanel();
       }
       $xeDateRangePicker.triggerEvent(evnt);
     },
@@ -36243,6 +36326,9 @@ var DatePicker = VxeDatePicker;
       var panelIndex = reactData.panelIndex;
       var targetElem = $xeDateRangePicker.$refs.refInputTarget;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
+      if (!panelElem) {
+        return $xeDateRangePicker.$nextTick();
+      }
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var handleStyle = function handleStyle() {
@@ -36269,13 +36355,9 @@ var DatePicker = VxeDatePicker;
       var btnTransfer = $xeDateRangePicker.computeBtnTransfer;
       var panelElem = $xeDateRangePicker.$refs.refInputPanel;
       if (!isDisabled && !visiblePanel) {
-        if (!reactData.initialized) {
+        if (!reactData.initialized && btnTransfer && panelElem) {
           reactData.initialized = true;
-          if (btnTransfer) {
-            if (panelElem) {
-              document.body.appendChild(panelElem);
-            }
-          }
+          document.body.appendChild(panelElem);
         }
         if (internalData.hpTimeout) {
           clearTimeout(internalData.hpTimeout);
@@ -36303,10 +36385,16 @@ var DatePicker = VxeDatePicker;
     },
     clickIconEvent: function clickIconEvent(evnt) {
       var $xeDateRangePicker = this;
+      var reactData = $xeDateRangePicker.reactData;
+      var visiblePanel = reactData.visiblePanel;
       var popupOpts = $xeDateRangePicker.computePopupOpts;
       var trigger = popupOpts.trigger;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          $xeDateRangePicker.hidePanel();
+        } else {
+          $xeDateRangePicker.dateRangePickerOpenEvent(evnt);
+        }
       }
     },
     clickEvent: function clickEvent(evnt) {
@@ -36449,6 +36537,10 @@ var DatePicker = VxeDatePicker;
       var props = $xeDateRangePicker;
       var slots = $xeDateRangePicker.$scopedSlots;
       var reactData = $xeDateRangePicker.reactData;
+      var popupOpts = $xeDateRangePicker.computePopupOpts;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDateRangePicker);
+      }
       var type = props.type,
         separator = props.separator,
         autoClose = props.autoClose,
@@ -36471,7 +36563,6 @@ var DatePicker = VxeDatePicker;
       var defaultDates = $xeDateRangePicker.computeDefaultDates;
       var defaultTimes = $xeDateRangePicker.computeDefaultTimes;
       var timeOpts = $xeDateRangePicker.computeTimeOpts;
-      var popupOpts = $xeDateRangePicker.computePopupOpts;
       var startLabel = panelLabelObj.startLabel,
         endLabel = panelLabelObj.endLabel;
       var position = shortcutOpts.position;
@@ -52544,7 +52635,8 @@ var Select = VxeSelect;
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     };
     var internalData = {
       wrapperWidth: 0,
@@ -53075,6 +53167,7 @@ var Select = VxeSelect;
       document.onmousemove = function (evnt) {
         evnt.preventDefault();
         handleDrag(evnt);
+        reactData.resizeFlag++;
       };
       document.onmouseup = function (evnt) {
         document.onmousemove = null;
@@ -53091,6 +53184,7 @@ var Select = VxeSelect;
           offsetWidth: targetOffsetWidth
         }, evnt);
         $xeSplitter.recalculate();
+        reactData.resizeFlag++;
       };
       if (rsSplitterLineEl) {
         rsSplitterLineEl.style.display = 'block';
@@ -53106,6 +53200,7 @@ var Select = VxeSelect;
     handleItemActionEvent: function handleItemActionEvent(evnt, prevItem, nextItem, isNext) {
       var $xeSplitter = this;
       var props = $xeSplitter;
+      var reactData = $xeSplitter.reactData;
       var vertical = props.vertical;
       var expanded = false;
       var item = prevItem;
@@ -53149,6 +53244,7 @@ var Select = VxeSelect;
         }, evnt);
       }
       $xeSplitter.recalculate();
+      reactData.resizeFlag++;
     },
     handlePrevActionDblclickEvent: function handlePrevActionDblclickEvent(evnt) {
       var $xeSplitter = this;