vxe-pc-ui 4.15.1 → 4.15.2

package/lib/index.umd.js

@@ -4646,7 +4646,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.15.1"}`;
+const log_version = `ui v${"4.15.2"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -4654,7 +4654,7 @@ const errLog = log.create('error', log_version);
 
 
 
-const ui_version = "4.15.1";
+const ui_version = "4.15.2";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -9399,6 +9399,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) {
   const rest = new Date(2e3, 0, 1);
   if (str) {
@@ -18530,7 +18542,6 @@ function hexToRgb(str) {
       type: String,
       default: () => getConfig().numberInput.size || getConfig().size
     },
-    // number、integer、float
     min: {
       type: [String, Number],
       default: null
@@ -18553,12 +18564,12 @@ function hexToRgb(str) {
       default: () => getConfig().numberInput.currencySymbol
     },
     controlConfig: Object,
-    // float
+    // number、float、amount
     roundingMode: {
       type: String,
       default: () => getConfig().numberInput.roundingMode
     },
-    // float
+    // float、amount
     digits: {
       type: [String, Number],
       default: null
@@ -23871,6 +23882,7 @@ const DatePanel = VxeDatePanel;
     labelFormat: String,
     valueFormat: String,
     timeFormat: String,
+    inputFormat: String,
     editable: {
       type: Boolean,
       default: true
@@ -23900,6 +23912,7 @@ const DatePanel = VxeDatePanel;
       type: Boolean,
       default: () => getConfig().datePicker.autoClose
     },
+    controlConfig: Object,
     prefixIcon: String,
     suffixIcon: String,
     placement: String,
@@ -23940,7 +23953,8 @@ const DatePanel = VxeDatePanel;
       inputLabel: ''
     });
     const internalData = {
-      hpTimeout: undefined
+      // hpTimeout: undefined,
+      parseInputKayMaps: {}
     };
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -24079,6 +24093,13 @@ const DatePanel = VxeDatePanel;
       } = props;
       return handleValueFormat(type, valueFormat);
     });
+    const computeDateInputFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        type,
+        inputFormat
+      } = props;
+      return handleInputFormat(type, inputFormat);
+    });
     const computeFirstDayOfWeek = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         startDay
@@ -24106,6 +24127,9 @@ const DatePanel = VxeDatePanel;
         return dateObj.label;
       }).join(', ');
     });
+    const computeControlOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
+    });
     const updateModelValue = () => {
       const {
         modelValue
@@ -24200,6 +24224,8 @@ const DatePanel = VxeDatePanel;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         datePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        hidePanel();
       }
       triggerEvent(evnt);
     };
@@ -24244,6 +24270,37 @@ const DatePanel = VxeDatePanel;
         }, evnt);
       }
     };
+    const handleArrowInputDate = (evnt, isUpArrow) => {
+      const {
+        multiple
+      } = props;
+      if (multiple) {
+        return;
+      }
+      const {
+        inputValue
+      } = reactData;
+      if (!inputValue) {
+        return;
+      }
+      const targetElem = refInputTarget.value;
+      if (!targetElem) {
+        return;
+      }
+      const {
+        parseInputKayMaps
+      } = internalData;
+      const inputFormat = computeDateInputFormat.value;
+      const selectionStart = targetElem.selectionStart || 0;
+      let selectKey = inputFormat[selectionStart];
+      if (!parseInputKayMaps[selectKey]) {
+        selectKey = inputFormat[selectionStart - 1];
+      }
+      const inputPaesrFn = parseInputKayMaps[selectKey];
+      if (inputPaesrFn) {
+        inputPaesrFn(evnt, targetElem, isUpArrow);
+      }
+    };
     const blurEvent = evnt => {
       const $datePanel = refDatePanel.value;
       const {
@@ -24270,6 +24327,15 @@ const DatePanel = VxeDatePanel;
       }
     };
     const keydownEvent = evnt => {
+      const {
+        controlConfig
+      } = props;
+      const controlOpts = computeControlOpts.value;
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+        handleArrowInputDate(evnt, isUpArrow);
+      }
       triggerEvent(evnt);
     };
     const keyupEvent = evnt => {
@@ -24410,6 +24476,9 @@ const DatePanel = VxeDatePanel;
       } = reactData;
       const targetElem = refInputTarget.value;
       const panelElem = refInputPanel.value;
+      if (!panelElem) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      }
       const btnTransfer = computeBtnTransfer.value;
       const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
@@ -24459,12 +24528,19 @@ const DatePanel = VxeDatePanel;
       }
     };
     const clickIconEvent = evnt => {
+      const {
+        visiblePanel
+      } = reactData;
       const popupOpts = computePopupOpts.value;
       const {
         trigger
       } = popupOpts;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        datePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          hidePanel();
+        } else {
+          datePickerOpenEvent(evnt);
+        }
       }
     };
     const clickEvent = evnt => {
@@ -24594,6 +24670,10 @@ const DatePanel = VxeDatePanel;
       return renderEmptyElement($xeDatePicker);
     };
     const renderPanel = () => {
+      const popupOpts = computePopupOpts.value;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDatePicker);
+      }
       const {
         type,
         multiple,
@@ -24615,7 +24695,6 @@ const DatePanel = VxeDatePanel;
       const isDateTimeType = computeIsDateTimeType.value;
       const shortcutList = computeShortcutList.value;
       const timeOpts = computeTimeOpts.value;
-      const popupOpts = computePopupOpts.value;
       const {
         position
       } = shortcutOpts;
@@ -24835,6 +24914,17 @@ const DatePanel = VxeDatePanel;
       globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
       globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const {
+        parseInputKayMaps
+      } = internalData;
+      const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+      inputKeys.forEach(key => {
+        parseInputKayMaps[key] = evnt => {
+          evnt.preventDefault();
+        };
+      });
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       globalEvents.off($xeDatePicker, 'mousewheel');
       globalEvents.off($xeDatePicker, 'mousedown');
@@ -25377,6 +25467,8 @@ const DatePicker = VxeDatePicker;
       reactData.isActivated = true;
       if (!trigger || trigger === 'default') {
         dateRangePickerOpenEvent(evnt);
+      } else if (trigger === 'icon') {
+        hidePanel();
       }
       triggerEvent(evnt);
     };
@@ -25759,6 +25851,9 @@ const DatePicker = VxeDatePicker;
       } = reactData;
       const targetElem = refInputTarget.value;
       const panelElem = refInputPanel.value;
+      if (!panelElem) {
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      }
       const btnTransfer = computeBtnTransfer.value;
       const popupOpts = computePopupOpts.value;
       const handleStyle = () => {
@@ -25809,12 +25904,19 @@ const DatePicker = VxeDatePicker;
       }
     };
     const clickIconEvent = evnt => {
+      const {
+        visiblePanel
+      } = reactData;
       const popupOpts = computePopupOpts.value;
       const {
         trigger
       } = popupOpts;
       if (!trigger || trigger === 'default' || trigger === 'icon') {
-        dateRangePickerOpenEvent(evnt);
+        if (visiblePanel) {
+          hidePanel();
+        } else {
+          dateRangePickerOpenEvent(evnt);
+        }
       }
     };
     const clickEvent = evnt => {
@@ -25953,6 +26055,10 @@ const DatePicker = VxeDatePicker;
       return renderEmptyElement($xeDateRangePicker);
     };
     const renderPanel = () => {
+      const popupOpts = computePopupOpts.value;
+      if (popupOpts.enabled === false) {
+        return renderEmptyElement($xeDateRangePicker);
+      }
       const {
         type,
         separator,
@@ -25979,7 +26085,6 @@ const DatePicker = VxeDatePicker;
       const defaultDates = computeDefaultDates.value;
       const defaultTimes = computeDefaultTimes.value;
       const timeOpts = computeTimeOpts.value;
-      const popupOpts = computePopupOpts.value;
       const {
         startLabel,
         endLabel
@@ -40712,7 +40817,8 @@ const Select = VxeSelect;
       staticItems: [],
       itemList: [],
       barWidth: 0,
-      barHeight: 0
+      barHeight: 0,
+      resizeFlag: 0
     });
     const internalData = {
       wrapperWidth: 0,
@@ -41254,6 +41360,7 @@ const Select = VxeSelect;
       document.onmousemove = evnt => {
         evnt.preventDefault();
         handleDrag(evnt);
+        reactData.resizeFlag++;
       };
       document.onmouseup = evnt => {
         document.onmousemove = null;
@@ -41270,6 +41377,7 @@ const Select = VxeSelect;
           offsetWidth: targetOffsetWidth
         }, evnt);
         recalculate();
+        reactData.resizeFlag++;
       };
       if (rsSplitterLineEl) {
         rsSplitterLineEl.style.display = 'block';
@@ -41328,6 +41436,7 @@ const Select = VxeSelect;
         }, evnt);
       }
       recalculate();
+      reactData.resizeFlag++;
     };
     const handlePrevActionDblclickEvent = evnt => {
       const {