vxe-pc-ui 4.5.11 → 4.5.14

package/lib/index.umd.js

@@ -4186,14 +4186,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.5.11"}`;
+const log_version = `ui v${"4.5.14"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.5.11";
+const ui_version = "4.5.14";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4461,6 +4461,7 @@ setConfig({
     }
   },
   split: {
+    resize: true,
     itemConfig: {
       minWidth: 40,
       minHeight: 40
@@ -16959,7 +16960,8 @@ const allActiveDrawers = [];
       initialized: false,
       visible: false,
       contentVisible: false,
-      drawerZIndex: 0
+      drawerZIndex: 0,
+      resizeFlag: 1
     });
     const refMaps = {
       refElem
@@ -17184,8 +17186,6 @@ const allActiveDrawers = [];
       const maxWidth = visibleWidth;
       const maxHeight = visibleHeight;
       const boxElem = getBox();
-      const domMousemove = document.onmousemove;
-      const domMouseup = document.onmouseup;
       const clientWidth = boxElem.clientWidth;
       const clientHeight = boxElem.clientHeight;
       const disX = evnt.clientX;
@@ -17241,10 +17241,12 @@ const allActiveDrawers = [];
         }
         boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
         dispatchEvent('resize', params, evnt);
+        reactData.resizeFlag++;
       };
       document.onmouseup = () => {
-        document.onmousemove = domMousemove;
-        document.onmouseup = domMouseup;
+        document.onmousemove = null;
+        document.onmouseup = null;
+        reactData.resizeFlag++;
         setTimeout(() => {
           boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
         }, 50);
@@ -21967,7 +21969,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       zoomStatus: '',
       revertLocat: null,
       prevLocat: null,
-      firstOpen: true
+      firstOpen: true,
+      resizeFlag: 1
     });
     const internalData = {
       msgTimeout: undefined
@@ -22693,8 +22696,6 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       }
       if (zoomStatus !== 'maximize' && evnt.button === 0 && !getEventTargetNode(evnt, boxElem, 'trigger--btn').flag) {
         evnt.preventDefault();
-        const domMousemove = document.onmousemove;
-        const domMouseup = document.onmouseup;
         const disX = evnt.clientX - boxElem.offsetLeft;
         const disY = evnt.clientY - boxElem.offsetTop;
         const {
@@ -22729,15 +22730,17 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
           dispatchEvent('move', {
             type: 'move'
           }, evnt);
+          reactData.resizeFlag++;
         };
         document.onmouseup = () => {
-          document.onmousemove = domMousemove;
-          document.onmouseup = domMouseup;
+          document.onmousemove = null;
+          document.onmouseup = null;
           if (storage) {
             (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
               savePosStorage();
             });
           }
+          reactData.resizeFlag++;
           setTimeout(() => {
             boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
           }, 50);
@@ -34480,6 +34483,10 @@ const saveLocalFile = options => {
       type: Boolean,
       default: () => getConfig().upload.showPreview
     },
+    showTip: {
+      type: Boolean,
+      default: () => null
+    },
     tipText: String,
     hintText: String,
     previewMethod: Function,
@@ -34607,6 +34614,23 @@ const saveLocalFile = options => {
       }
       return '';
     });
+    const computedShowTipText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        showTip,
+        tipText
+      } = props;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showTip)) {
+        return showTip;
+      }
+      const defShowTip = getConfig().upload.showTip;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(defShowTip)) {
+        return defShowTip;
+      }
+      if (tipText) {
+        return true;
+      }
+      return false;
+    });
     const computedDefTipText = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
         limitSize,
@@ -35577,6 +35601,7 @@ const saveLocalFile = options => {
       } = props;
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
+      const showTipText = computedShowTipText.value;
       const defTipText = computedDefTipText.value;
       const overCount = computeOverCount.value;
       const defaultSlot = slots.default;
@@ -35596,7 +35621,7 @@ const saveLocalFile = options => {
         content: isMoreView || showButtonText ? buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.fileBtnText') : '',
         icon: showButtonIcon ? buttonIcon || getIcon().UPLOAD_FILE_ADD : '',
         disabled: isDisabled
-      })]), defTipText || tipSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      })]), showTipText && (defTipText || tipSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--file-action-tip'
       }, tipSlot ? getSlotVNs(tipSlot({
         $upload: $xeUpload
@@ -35756,6 +35781,7 @@ const saveLocalFile = options => {
         autoHiddenButton
       } = props;
       const formReadonly = computeFormReadonly.value;
+      const showTipText = computedShowTipText.value;
       const defTipText = computedDefTipText.value;
       const overCount = computeOverCount.value;
       const imgStyle = computeImgStyle.value;
@@ -35781,7 +35807,7 @@ const saveLocalFile = options => {
         class: buttonIcon || getIcon().UPLOAD_IMAGE_ADD
       })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), isMoreView || showButtonText ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-content'
-      }, buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.imgBtnText')) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), defTipText || tipSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, buttonText ? `${buttonText}` : i18n_getI18n('vxe.upload.imgBtnText')) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), showTipText && (defTipText || tipSlot) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-upload--image-action-hint'
       }, tipSlot ? getSlotVNs(tipSlot({
         $upload: $xeUpload
@@ -45135,6 +45161,10 @@ const Select = VxeSelect;
       type: Boolean,
       default: () => getConfig().split.padding
     },
+    resize: {
+      type: Boolean,
+      default: () => getConfig().split.resize
+    },
     items: Array,
     itemConfig: Object,
     barConfig: Object,
@@ -45166,6 +45196,9 @@ const Select = VxeSelect;
       const actionOpts = computeActionOpts.value;
       return actionOpts.direction === 'next';
     });
+    const computeVisibleItems = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return reactData.itemList.filter(item => item.isVisible);
+    });
     const computeBarStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const barOpts = computeBarOpts.value;
       const {
@@ -45377,13 +45410,17 @@ const Select = VxeSelect;
       });
     };
     const dragEvent = evnt => {
-      evnt.preventDefault();
       const {
+        resize,
         vertical
       } = props;
       const {
         itemList
       } = reactData;
+      if (!resize) {
+        return;
+      }
+      evnt.preventDefault();
       const barEl = evnt.currentTarget;
       const handleEl = barEl.parentElement;
       const el = refElem.value;
@@ -45636,11 +45673,13 @@ const Select = VxeSelect;
       const {
         border,
         padding,
+        resize,
         vertical
       } = props;
       const {
         itemList
       } = reactData;
+      const visibleItems = computeVisibleItems.value;
       const isFoldNext = computeIsFoldNext.value;
       const itemVNs = [];
       itemList.forEach((item, index) => {
@@ -45661,18 +45700,20 @@ const Select = VxeSelect;
         const stys = {};
         const itemWidth = isVisible ? foldWidth || resizeWidth || renderWidth : 0;
         const itemHeight = isVisible ? foldHeight || resizeHeight || renderHeight : 0;
+        // 当只剩下一个可视区自动占用 100%
         if (vertical) {
           if (itemHeight) {
-            stys.height = toCssUnit(itemHeight);
+            stys.height = visibleItems.length === 1 ? '100%' : toCssUnit(itemHeight);
           }
         } else {
           if (itemWidth) {
-            stys.width = toCssUnit(itemWidth);
+            stys.width = visibleItems.length === 1 ? '100%' : toCssUnit(itemWidth);
           }
         }
         itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           itemid: id,
           class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', {
+            'is--resize': resize,
             'is--padding': padding,
             'is--border': border,
             'is--height': itemHeight,
@@ -45737,13 +45778,24 @@ const Select = VxeSelect;
       reactData.itemList = val;
       recalculate();
     });
+    let resizeObserver;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         recalculate();
       });
+      const el = refElem.value;
+      if (el) {
+        resizeObserver = globalResize.create(() => {
+          recalculate();
+        });
+        resizeObserver.observe(el);
+      }
       globalEvents.on($xeSplit, 'resize', handleGlobalResizeEvent);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
       globalEvents.off($xeSplit, 'resize');
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {