vxe-pc-ui 4.5.10 → 4.5.12

package/lib/index.umd.js

@@ -2346,7 +2346,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/core.js
-const coreVersion = "4.0.38";
+const coreVersion = "4.0.39";
 const VxeCore = {
   coreVersion,
   uiVersion: '',
@@ -2902,7 +2902,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-const version = "4.0.38";
+const version = "4.0.39";
 const log = {
   create: createLog,
   warn: createLog('warn', `v${version}`),
@@ -4186,14 +4186,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.5.10"}`;
+const log_version = `ui v${"4.5.12"}`;
 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.10";
+const ui_version = "4.5.12";
 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);
@@ -45135,6 +45138,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 +45173,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 +45387,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 +45650,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 +45677,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 +45755,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)(() => {