vxe-pc-ui 4.7.16 → 4.7.18

package/lib/index.umd.js

@@ -3501,6 +3501,7 @@ setTheme();
       groupTag: '分组列头应该使用 "{0}" 而不是 "{1}"，这可能会出现错误',
       scrollErrProp: '启用虚拟滚动后不支持该参数 "{0}"',
       errConflicts: '参数 "{0}" 与 "{1}" 有冲突',
+      modelConflicts: '绑定的字段值 "{0}" 与 "{1}" 存在冲突，将会出现错误',
       notSupportProp: '当启用参数 "{0}" 时不支持 "{1}"，应该为 "{2}"，否则将会出现错误',
       notConflictProp: '当使用 "{0}" 时，应该设置 "{1}"，否则可能会存在功能冲突',
       unableInsert: '无法插入到指定位置，请检查参数是否正确',
@@ -4285,14 +4286,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.7.16"}`;
+const log_version = `ui v${"4.7.18"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.7.16";
+const ui_version = "4.7.18";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -12998,9 +12999,16 @@ function toFloatValueFixed(inputValue, digitsValue) {
       } = reactData;
       if (visiblePanel) {
         hidePanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const inputElem = refInputTarget.value;
         afterCheckValue();
-      } else if (isActivated) {
-        afterCheckValue();
+        if (inputElem) {
+          inputElem.blur();
+        }
       }
     };
     const renderDateLabel = (item, label) => {
@@ -13782,7 +13790,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       computeSize
     } = useSize(props);
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const refInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refInputTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refOptionPanel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refHueSliderElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refHueSliderBtnElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -14330,7 +14338,22 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
     };
     const handleGlobalBlurEvent = () => {
-      hideOptionPanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const targetElem = refInputTarget.value;
+        if (targetElem) {
+          targetElem.blur();
+        }
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {
@@ -14616,7 +14639,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
           'is--active': isActivated
         }]
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('input', {
-        ref: refInput,
+        ref: refInputTarget,
         class: 'vxe-color-picker--input',
         onFocus: focusEvent,
         onBlur: blurEvent
@@ -15980,13 +16003,7 @@ const Countdown = VxeCountdown;
         }, evnt);
       }
     };
-    const isDateDisabled = item => {
-      const {
-        disabledMethod
-      } = props;
-      const {
-        datePanelType
-      } = reactData;
+    const isRangeDisabled = item => {
       const dateStartTime = computeDateStartTime.value;
       const dateEndTime = computeDateEndTime.value;
       const {
@@ -15998,6 +16015,18 @@ const Countdown = VxeCountdown;
       if (dateEndTime && dateEndTime.getTime() < date.getTime()) {
         return true;
       }
+      return false;
+    };
+    const isDateDisabled = item => {
+      const {
+        disabledMethod
+      } = props;
+      const {
+        datePanelType
+      } = reactData;
+      const {
+        date
+      } = item;
       if (disabledMethod) {
         return disabledMethod({
           type: datePanelType,
@@ -16008,6 +16037,9 @@ const Countdown = VxeCountdown;
       }
       return false;
     };
+    const hasAllDisabled = item => {
+      return isRangeDisabled(item) || isDateDisabled(item);
+    };
     const dateSelectItem = date => {
       const {
         type,
@@ -16061,12 +16093,12 @@ const Countdown = VxeCountdown;
       }
     };
     const dateSelectEvent = item => {
-      if (!isDateDisabled(item)) {
+      if (!hasAllDisabled(item)) {
         dateSelectItem(item.date);
       }
     };
     const dateMoveDay = offsetDay => {
-      if (!isDateDisabled({
+      if (!hasAllDisabled({
         date: offsetDay
       })) {
         const dayList = computeDayList.value;
@@ -16077,7 +16109,7 @@ const Countdown = VxeCountdown;
       }
     };
     const dateMoveYear = offsetYear => {
-      if (!isDateDisabled({
+      if (!hasAllDisabled({
         date: offsetYear
       })) {
         const yearList = computeYearList.value;
@@ -16088,7 +16120,7 @@ const Countdown = VxeCountdown;
       }
     };
     const dateMoveQuarter = offsetQuarter => {
-      if (!isDateDisabled({
+      if (!hasAllDisabled({
         date: offsetQuarter
       })) {
         const quarterList = computeQuarterList.value;
@@ -16099,7 +16131,7 @@ const Countdown = VxeCountdown;
       }
     };
     const dateMoveMonth = offsetMonth => {
-      if (!isDateDisabled({
+      if (!hasAllDisabled({
         date: offsetMonth
       })) {
         const monthList = computeMonthList.value;
@@ -16110,7 +16142,7 @@ const Countdown = VxeCountdown;
       }
     };
     const dateMouseenterEvent = item => {
-      if (!isDateDisabled(item)) {
+      if (!hasAllDisabled(item)) {
         const {
           datePanelType
         } = reactData;
@@ -16370,6 +16402,7 @@ const Countdown = VxeCountdown;
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
+              'is--range-disabled': isRangeDisabled(item),
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
               'is--over': overCount && !isSelected,
@@ -16436,6 +16469,7 @@ const Countdown = VxeCountdown;
               'is--current': item.isCurrent,
               'is--now': rIndex ? item.isNow : isNowWeek,
               'is--next': item.isNext,
+              'is--range-disabled': isRangeDisabled(item),
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
               'is--over': overCount && !isSelected,
@@ -16484,6 +16518,7 @@ const Countdown = VxeCountdown;
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
+              'is--range-disabled': isRangeDisabled(item),
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
               'is--over': overCount && !isSelected,
@@ -16532,6 +16567,7 @@ const Countdown = VxeCountdown;
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
+              'is--range-disabled': isRangeDisabled(item),
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
               'is--over': overCount && !isSelected,
@@ -16580,6 +16616,7 @@ const Countdown = VxeCountdown;
               'is--current': item.isCurrent,
               'is--now': item.isNow,
               'is--next': item.isNext,
+              'is--range-disabled': isRangeDisabled(item),
               'is--disabled': isDateDisabled(item),
               'is--selected': isSelected,
               'is--over': overCount && !isSelected,
@@ -16847,7 +16884,7 @@ const DatePanel = VxeDatePanel;
     multiple: Boolean,
     limitCount: {
       type: [String, Number],
-      default: () => getConfig().upload.limitCount
+      default: () => getConfig().datePicker.limitCount
     },
     // date、week、month、quarter、year
     startDate: {
@@ -17327,12 +17364,17 @@ const DatePanel = VxeDatePanel;
       } = reactData;
       if (visiblePanel) {
         hidePanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
         if ($datePanel) {
           $datePanel.checkValue(reactData.inputLabel);
         }
-      } else if (isActivated) {
-        if ($datePanel) {
-          $datePanel.checkValue(reactData.inputLabel);
+        const targetElem = refInputTarget.value;
+        if (targetElem) {
+          targetElem.blur();
         }
       }
     };
@@ -17606,8 +17648,8 @@ const DatePanel = VxeDatePanel;
         limitCount: props.limitCount,
         startDate: props.startDate,
         endDate: props.endDate,
-        minDate: props.minDate,
         defaultDate: props.defaultDate,
+        minDate: props.minDate,
         maxDate: props.maxDate,
         startDay: props.startDay,
         labelFormat: props.labelFormat,
@@ -17841,6 +17883,14 @@ const DatePicker = VxeDatePicker;
       type: String,
       default: () => getConfig().dateRangePicker.size || getConfig().size
     },
+    // startDate: {
+    //   type: [String, Number, Date] as PropType<VxeDateRangePickerPropTypes.StartDate>,
+    //   default: () => getConfig().dateRangePicker.startDate
+    // },
+    // endDate: {
+    //   type: [String, Number, Date] as PropType<VxeDateRangePickerPropTypes.EndDate>,
+    //   default: () => getConfig().dateRangePicker.endDate
+    // },
     minDate: [String, Number, Date],
     maxDate: [String, Number, Date],
     defaultDate: [String, Number, Date],
@@ -18444,11 +18494,21 @@ const DatePicker = VxeDatePicker;
     };
     const handleGlobalBlurEvent = () => {
       const {
-        visiblePanel
+        visiblePanel,
+        isActivated
       } = reactData;
       if (visiblePanel) {
         hidePanel();
       }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const targetElem = refInputTarget.value;
+        if (targetElem) {
+          targetElem.blur();
+        }
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {
@@ -18735,8 +18795,8 @@ const DatePicker = VxeDatePicker;
         className: props.className,
         minDate: props.minDate,
         maxDate: props.maxDate,
-        startDay: props.startDay,
         endDate: endValue,
+        startDay: props.startDay,
         labelFormat: props.labelFormat,
         valueFormat: props.valueFormat,
         timeFormat: props.timeFormat,
@@ -18751,8 +18811,8 @@ const DatePicker = VxeDatePicker;
         className: props.className,
         minDate: props.minDate,
         maxDate: props.maxDate,
-        startDay: props.startDay,
         startDate: startValue,
+        startDay: props.startDay,
         labelFormat: props.labelFormat,
         valueFormat: props.valueFormat,
         timeFormat: props.timeFormat,
@@ -19780,6 +19840,8 @@ const Empty = VxeEmpty;
 class ItemInfo {
   constructor($xeForm, item) {
     const {
+      field,
+      itemRender,
       formatter
     } = item;
     if (formatter) {
@@ -19795,10 +19857,18 @@ class ItemInfo {
         }
       }
     }
+    if (field && itemRender) {
+      if (itemRender.startField && `${itemRender.startField}`.indexOf(field) >= 0) {
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.startField=${itemRender.startField}`]);
+      }
+      if (itemRender.endField && `${itemRender.endField}`.indexOf(field) >= 0) {
+        errLog('vxe.error.modelConflicts', [`field=${field}`, `item-render.endField=${itemRender.endField}`]);
+      }
+    }
     Object.assign(this, {
       id: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('item_'),
       title: item.title,
-      field: item.field,
+      field: field,
       span: item.span,
       align: item.align,
       verticalAlign: item.verticalAlign,
@@ -19825,7 +19895,7 @@ class ItemInfo {
       contentStyle: item.contentStyle,
       titleClassName: item.titleClassName,
       titleStyle: item.titleStyle,
-      itemRender: item.itemRender,
+      itemRender: itemRender,
       rules: item.rules,
       formatter,
       // 自定义参数
@@ -22781,7 +22851,22 @@ const Icon = VxeIcon;
       }
     };
     const handleGlobalBlurEvent = () => {
-      hideOptionPanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const $input = refInput.value;
+        if ($input) {
+          $input.blur();
+        }
+      }
     };
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, {
@@ -29463,7 +29548,22 @@ function getOptUniqueId() {
       }
     };
     const handleGlobalBlurEvent = () => {
-      hideOptionPanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const $input = refInput.value;
+        if ($input) {
+          $input.blur();
+        }
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {
@@ -32090,7 +32190,7 @@ const Print = VxePrint;
     /**
      * 隐藏下拉面板
      */
-    const hidePanel = () => {
+    const hideOptionPanel = () => {
       reactData.visiblePanel = false;
       dispatchEvent('visible-change', {
         visible: false
@@ -32116,14 +32216,14 @@ const Print = VxePrint;
      */
     const togglePanel = () => {
       if (reactData.visiblePanel) {
-        return hidePanel();
+        return hideOptionPanel();
       }
       return showPanel();
     };
     const handleOptionEvent = (evnt, option) => {
       if (!option.disabled) {
         if (reactData.visiblePanel) {
-          hidePanel();
+          hideOptionPanel();
           dispatchEvent('hide-panel', {}, evnt);
         }
         dispatchEvent('option-click', {
@@ -32137,7 +32237,7 @@ const Print = VxePrint;
       } = props;
       if (trigger === 'click') {
         if (reactData.visiblePanel) {
-          hidePanel();
+          hideOptionPanel();
           dispatchEvent('hide-panel', {}, evnt);
         } else {
           showPanel();
@@ -32161,7 +32261,7 @@ const Print = VxePrint;
           if (getEventTargetNode(evnt, panelElem).flag) {
             updatePlacement();
           } else {
-            hidePanel();
+            hideOptionPanel();
             dispatchEvent('hide-panel', {}, evnt);
           }
         }
@@ -32179,17 +32279,23 @@ const Print = VxePrint;
       if (!disabled) {
         reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
         if (visiblePanel && !reactData.isActivated) {
-          hidePanel();
+          hideOptionPanel();
           dispatchEvent('hide-panel', {}, evnt);
         }
       }
     };
     const handleGlobalBlurEvent = evnt => {
-      if (reactData.visiblePanel) {
-        reactData.isActivated = false;
-        hidePanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
         dispatchEvent('hide-panel', {}, evnt);
       }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {
@@ -32209,7 +32315,7 @@ const Print = VxePrint;
       isPanelVisible,
       togglePanel,
       showPanel,
-      hidePanel
+      hidePanel: hideOptionPanel
     };
     Object.assign($xePulldown, pulldownMethods);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, value => {
@@ -32217,7 +32323,7 @@ const Print = VxePrint;
       if (value) {
         showPanel();
       } else {
-        hidePanel();
+        hideOptionPanel();
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
@@ -35280,7 +35386,22 @@ function getRowUniqueId() {
       }
     };
     const handleGlobalBlurEvent = () => {
-      hideOptionPanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const $input = refInput.value;
+        if ($input) {
+          $input.blur();
+        }
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {
@@ -40077,7 +40198,22 @@ function tree_select_getOptUniqueId() {
       }
     };
     const handleGlobalBlurEvent = () => {
-      hideOptionPanel();
+      const {
+        visiblePanel,
+        isActivated
+      } = reactData;
+      if (visiblePanel) {
+        hideOptionPanel();
+      }
+      if (isActivated) {
+        reactData.isActivated = false;
+      }
+      if (visiblePanel || isActivated) {
+        const $input = refInput.value;
+        if ($input) {
+          $input.blur();
+        }
+      }
     };
     const handleGlobalResizeEvent = () => {
       const {