vxe-pc-ui 4.7.17 → 4.7.19

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.17"}`;
+const log_version = `ui v${"4.7.19"}`;
 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.17";
+const ui_version = "4.7.19";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -11974,10 +11975,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
     };
     const validMaxNum = num => {
-      return props.max === null || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.max);
+      return props.max === null || props.max === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.max);
     };
     const validMinNum = num => {
-      return props.min === null || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min);
+      return props.min === null || props.min === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min);
     };
     const dateRevert = () => {
       reactData.inputValue = props.multiple ? computeDateMultipleLabel.value : reactData.datePanelLabel;
@@ -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
@@ -16861,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: {
@@ -17341,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();
         }
       }
     };
@@ -18466,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 {
@@ -19802,6 +19840,8 @@ const Empty = VxeEmpty;
 class ItemInfo {
   constructor($xeForm, item) {
     const {
+      field,
+      itemRender,
       formatter
     } = item;
     if (formatter) {
@@ -19817,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,
@@ -19847,7 +19895,7 @@ class ItemInfo {
       contentStyle: item.contentStyle,
       titleClassName: item.titleClassName,
       titleStyle: item.titleStyle,
-      itemRender: item.itemRender,
+      itemRender: itemRender,
       rules: item.rules,
       formatter,
       // 自定义参数
@@ -20055,7 +20103,7 @@ function destroyItem($xeForm, formItem) {
 
 function renderPrefixIcon(titlePrefix) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-    class: 'vxe-form--item-title-prefix'
+    class: 'vxe-form--item-title-tip-prefix'
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(icon, {
     class: titlePrefix.icon || getIcon().FORM_PREFIX,
     status: titlePrefix.iconStatus
@@ -20063,7 +20111,7 @@ function renderPrefixIcon(titlePrefix) {
 }
 function renderSuffixIcon(titleSuffix) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-    class: 'vxe-form--item-title-suffix'
+    class: 'vxe-form--item-title-tip-suffix'
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(icon, {
     class: titleSuffix.icon || getIcon().FORM_SUFFIX,
     status: titleSuffix.iconStatus
@@ -20230,12 +20278,20 @@ function renderTitle($xeForm, item, isGroup) {
     $grid: $xeGrid
   };
   const titleSlot = slots ? slots.title : null;
-  const extraSlot = slots ? slots.extra : null;
+  const prefixSlot = slots ? slots.prefix : null;
+  const suffixSlot = slots ? slots.suffix || slots.extra : null;
   const isTitle = showTitle !== false && (title || titleSlot);
   const hasGroup = children && children.length > 0;
   const titVNs = [];
+  if (prefixSlot) {
+    titVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      key: 'pt',
+      class: 'vxe-form--item-title-prefix'
+    }, $xeForm.callSlot(prefixSlot, params)));
+  }
   if (titlePrefix) {
     titVNs.push(titlePrefix.content || titlePrefix.message ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tooltip, {
+      key: 'pm',
       ...tooltipOpts,
       ...titlePrefix,
       content: getFuncText(titlePrefix.content || titlePrefix.message)
@@ -20245,11 +20301,13 @@ function renderTitle($xeForm, item, isGroup) {
   }
   const rftTitle = compConf ? compConf.renderFormItemTitle || compConf.renderItemTitle : null;
   titVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+    key: 'pl',
     class: 'vxe-form--item-title-label'
   }, titleSlot ? $xeForm.callSlot(titleSlot, params) : rftTitle ? getSlotVNs(rftTitle(itemRender, params)) : getFuncText(item.title)));
   const fixVNs = [];
   if (titleSuffix) {
     fixVNs.push(titleSuffix.content || titleSuffix.message ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tooltip, {
+      key: 'sm',
       ...tooltipOpts,
       ...titleSuffix,
       content: getFuncText(titleSuffix.content || titleSuffix.message)
@@ -20257,6 +20315,12 @@ function renderTitle($xeForm, item, isGroup) {
       default: () => renderSuffixIcon(titleSuffix)
     }) : renderSuffixIcon(titleSuffix));
   }
+  if (suffixSlot) {
+    fixVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+      key: 'st',
+      class: 'vxe-form--item-title-suffix'
+    }, $xeForm.callSlot(suffixSlot, params)));
+  }
   const ons = ovTooltip ? {
     onMouseenter(evnt) {
       $xeForm.triggerTitleTipEvent(evnt, params);
@@ -20274,9 +20338,7 @@ function renderTitle($xeForm, item, isGroup) {
     class: 'vxe-form--item-title-content'
   }, titVNs), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
     class: 'vxe-form--item-title-postfix'
-  }, fixVNs), extraSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-    class: 'vxe-form--item-title-extra'
-  }, $xeForm.callSlot(extraSlot, params)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+  }, fixVNs)]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
 }
 const renderItemContent = ($xeForm, item) => {
   const formProps = $xeForm.props;
@@ -22803,7 +22865,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, {
@@ -24920,11 +24997,15 @@ const Link = VxeLink;
     };
     /**
      * 如果有滚动条，则滚动到对应的位置
-     * @param {Number} scrollLeft 左距离
-     * @param {Number} scrollTop 上距离
      */
     const scrollTo = (scrollLeft, scrollTop) => {
       const scrollBodyElem = refVirtualWrapper.value;
+      if (scrollLeft) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
+          scrollTop = scrollLeft.top;
+          scrollLeft = scrollLeft.left;
+        }
+      }
       if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
         scrollBodyElem.scrollLeft = scrollLeft;
       }
@@ -27951,10 +28032,10 @@ const NoticeBar = VxeNoticeBar;
       }
     };
     const validMaxNum = num => {
-      return props.max === null || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.max);
+      return props.max === null || props.max === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) <= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.max);
     };
     const validMinNum = num => {
-      return props.min === null || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min);
+      return props.min === null || props.min === '' || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num) >= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min);
     };
     const afterCheckValue = () => {
       const {
@@ -29112,7 +29193,7 @@ function getOptUniqueId() {
           value: modelValue
         }));
       } else if (filterable) {
-        avList = fullData.filter(option => isOptionVisible(option) && (!searchStr || `${option[labelField]}`.toLowerCase().indexOf(searchStr) > -1));
+        avList = fullData.filter(option => isOptionVisible(option) && (!searchStr || `${option[labelField] || option[valueField]}`.toLowerCase().indexOf(searchStr) > -1));
       } else {
         avList = fullData.filter(isOptionVisible);
       }
@@ -29485,7 +29566,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 {
@@ -29992,7 +30088,7 @@ function getOptUniqueId() {
         } else if (defaultSlot) {
           optVNs = callSlot(defaultSlot, optParams);
         } else {
-          optLabel = getFuncText(option[isOptGroup ? groupLabelField : labelField]);
+          optLabel = getFuncText(option[isOptGroup ? groupLabelField : labelField] || optionValue);
           optVNs = optLabel;
         }
         return isVisible ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -32112,7 +32208,7 @@ const Print = VxePrint;
     /**
      * 隐藏下拉面板
      */
-    const hidePanel = () => {
+    const hideOptionPanel = () => {
       reactData.visiblePanel = false;
       dispatchEvent('visible-change', {
         visible: false
@@ -32138,14 +32234,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', {
@@ -32159,7 +32255,7 @@ const Print = VxePrint;
       } = props;
       if (trigger === 'click') {
         if (reactData.visiblePanel) {
-          hidePanel();
+          hideOptionPanel();
           dispatchEvent('hide-panel', {}, evnt);
         } else {
           showPanel();
@@ -32183,7 +32279,7 @@ const Print = VxePrint;
           if (getEventTargetNode(evnt, panelElem).flag) {
             updatePlacement();
           } else {
-            hidePanel();
+            hideOptionPanel();
             dispatchEvent('hide-panel', {}, evnt);
           }
         }
@@ -32201,17 +32297,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 {
@@ -32231,7 +32333,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 => {
@@ -32239,7 +32341,7 @@ const Print = VxePrint;
       if (value) {
         showPanel();
       } else {
-        hidePanel();
+        hideOptionPanel();
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
@@ -35302,7 +35404,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 {
@@ -38285,11 +38402,15 @@ function getNodeUniqueId() {
     };
     /**
      * 如果有滚动条，则滚动到对应的位置
-     * @param {Number} scrollLeft 左距离
-     * @param {Number} scrollTop 上距离
      */
     const scrollTo = (scrollLeft, scrollTop) => {
       const scrollBodyElem = refVirtualWrapper.value;
+      if (scrollLeft) {
+        if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
+          scrollTop = scrollLeft.top;
+          scrollLeft = scrollLeft.left;
+        }
+      }
       if (scrollBodyElem) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
           scrollBodyElem.scrollLeft = scrollLeft;
@@ -40099,7 +40220,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 {