vxe-pc-ui 3.19.0 → 3.19.2

package/lib/index.umd.js

@@ -13347,7 +13347,7 @@ var es_array_filter = __webpack_require__(2008);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.19.0");
+var uiVersion = "ui v".concat("3.19.2");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13367,7 +13367,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.19.0";
+var ui_version = "3.19.2";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -47867,6 +47867,44 @@ function scrollbar_createInternalData() {
         viewEl.scrollIntoView();
       }
     },
+    setScrollTop: function setScrollTop(top) {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        viewEl.scrollTop = top;
+      }
+    },
+    setScrollLeft: function setScrollLeft(left) {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        viewEl.scrollLeft = left;
+      }
+    },
+    getScrollTop: function getScrollTop() {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        return viewEl.scrollTop;
+      }
+      return 0;
+    },
+    getScrollLeft: function getScrollLeft() {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        return viewEl.scrollLeft;
+      }
+      return 0;
+    },
+    clearScroll: function clearScroll() {
+      var $xeScrollbar = this;
+      var viewEl = $xeScrollbar.$refs.refViewElem;
+      if (viewEl) {
+        viewEl.scrollTop = 0;
+        viewEl.scrollLeft = 0;
+      }
+    },
     recalculate: function recalculate() {
       var $xeScrollbar = this;
       $xeScrollbar.updateThumbSize();
@@ -48310,6 +48348,7 @@ var Scrollbar = VxeScrollbar;
 
 
 
+
 /* harmony default export */ var layout_aside = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeLayoutAside',
   mixins: [globalMixins.sizeMixin],
@@ -48320,6 +48359,12 @@ var Scrollbar = VxeScrollbar;
     loading: Boolean,
     padding: Boolean,
     collapseConfig: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().layoutAside.useScrollbar;
+      }
+    },
     scrollbarConfig: Object,
     size: {
       type: String,
@@ -48387,7 +48432,8 @@ var Scrollbar = VxeScrollbar;
       var slots = $xeLayoutAside.$scopedSlots;
       var collapsed = props.collapsed,
         loading = props.loading,
-        padding = props.padding;
+        padding = props.padding,
+        useScrollbar = props.useScrollbar;
       var varStyle = $xeLayoutAside.computeVarStyle;
       var vSize = $xeLayoutAside.computeSize;
       var collapseOpts = $xeLayoutAside.computeCollapseOpts;
@@ -48402,9 +48448,8 @@ var Scrollbar = VxeScrollbar;
       return h('aside', {
         class: ['vxe-layout-aside', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--animat', collapseOpts.animation !== false), 'is--padding', padding), 'is--collapse', collapsed), 'is--loading', loading)],
         style: varStyle
-      }, [h(packages_scrollbar, {
+      }, [useScrollbar ? h(packages_scrollbar, {
         props: {
-          loading: loading,
           native: native,
           xConfig: {
             visible: 'hidden'
@@ -48412,14 +48457,25 @@ var Scrollbar = VxeScrollbar;
           yConfig: yConfig,
           className: 'vxe-layout-aside--scrollbar' + (className ? ' ' + className : ''),
           viewAttrs: viewAttrs,
-          viewClassName: 'vxe-layout-aside--view' + (viewClassName ? ' ' + viewClassName : ''),
-          viewInnerClassName: 'vxe-layout-aside--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+          viewClassName: 'vxe-layout-aside--scrollbar-view' + (viewClassName ? ' ' + viewClassName : ''),
+          viewInnerClassName: 'vxe-layout-aside--scrollbar-inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
         },
         scopedSlots: {
           default: function _default() {
             return defaultSlot ? defaultSlot({}) : [];
           }
         }
+      }) : h('div', {
+        class: 'vxe-layout-aside--inner'
+      }, defaultSlot ? defaultSlot({}) : []),
+      /**
+       * 加载中
+       */
+      h(packages_loading, {
+        class: 'vxe-layout-aside-view--loading',
+        props: {
+          value: loading
+        }
       })]);
     }
   },
@@ -48451,6 +48507,7 @@ var LayoutAside = VxeLayoutAside;
 
 
 
+
 function layout_body_createInternalData() {
   return {};
 }
@@ -48470,6 +48527,12 @@ function layout_body_createReactData() {
       }
     },
     backtopConfig: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().layoutBody.useScrollbar;
+      }
+    },
     scrollbarConfig: Object,
     size: {
       type: String,
@@ -48523,7 +48586,8 @@ function layout_body_createReactData() {
       var backtopId = $xeLayoutBody.backtopId;
       var loading = props.loading,
         padding = props.padding,
-        showBacktop = props.showBacktop;
+        showBacktop = props.showBacktop,
+        useScrollbar = props.useScrollbar;
       var backtopOpts = $xeLayoutBody.computeBacktopOpts;
       var scrollbarOpts = $xeLayoutBody.computeScrollbarOpts;
       var native = scrollbarOpts.native,
@@ -48550,9 +48614,8 @@ function layout_body_createReactData() {
       }
       return h('div', {
         class: ['vxe-layout-body', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--loading', loading), 'is--padding', padding)]
-      }, [h(packages_scrollbar, {
+      }, [useScrollbar ? h(packages_scrollbar, {
         props: {
-          loading: loading,
           native: native,
           xConfig: xConfig,
           yConfig: yConfig,
@@ -48560,14 +48623,28 @@ function layout_body_createReactData() {
           viewAttrs: _objectSpread2(_objectSpread2({}, viewAttrs), {}, {
             id: showBacktop ? backtopId || null : null
           }),
-          viewClassName: 'vxe-layout-body--view' + (viewClassName ? ' ' + viewClassName : ''),
-          viewInnerClassName: 'vxe-layout-body--inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
+          viewClassName: 'vxe-layout-body--scrollbar-view' + (viewClassName ? ' ' + viewClassName : ''),
+          viewInnerClassName: 'vxe-layout-body--scrollbar-inner' + (viewInnerClassName ? ' ' + viewInnerClassName : '')
         },
         scopedSlots: {
           default: function _default() {
             return defaultSlot ? defaultSlot({}) : [];
           }
         }
+      }) : h('div', {
+        attrs: {
+          id: showBacktop ? backtopId : ''
+        },
+        class: 'vxe-layout-body--inner'
+      }, defaultSlot ? defaultSlot({}) : []),
+      /**
+       * 加载中
+       */
+      h(packages_loading, {
+        class: 'vxe-layout-body-view--loading',
+        props: {
+          value: loading
+        }
       }),
       /**
        * 回到顶部
@@ -49049,6 +49126,12 @@ var nemuUniqueKey = 100000000;
       }
     },
     menuConfig: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return menu_getConfig().menu.useScrollbar;
+      }
+    },
     scrollbarConfig: Object,
     appendTo: {
       type: [String, Function],
@@ -49370,13 +49453,18 @@ var nemuUniqueKey = 100000000;
           var el = $xeMenu.$refs.refElem;
           if (el) {
             var clientRect = el.getBoundingClientRect();
-            var parentNode = el.parentNode;
-            reactData.collapseStyle = isCollapsed ? {
-              top: toCssUnit(clientRect.top),
-              left: toCssUnit(clientRect.left),
-              height: toCssUnit(parentNode.clientHeight),
-              zIndex: reactData.collapseZindex
-            } : {};
+            var parentElement = el.parentElement;
+            if (parentElement) {
+              if (clientRect.top < 0) {
+                clientRect = parentElement.getBoundingClientRect();
+              }
+              reactData.collapseStyle = isCollapsed ? {
+                top: toCssUnit(clientRect.top),
+                left: toCssUnit(clientRect.left),
+                height: toCssUnit(parentElement.clientHeight),
+                zIndex: reactData.collapseZindex
+              } : {};
+            }
           }
         });
       }
@@ -49545,6 +49633,14 @@ var nemuUniqueKey = 100000000;
     handleMenuMouseleave: function handleMenuMouseleave() {
       var $xeMenu = this;
       var reactData = $xeMenu.reactData;
+      var $collapseBodyScrollbar = $xeMenu.$refs.refCollapseBodyScrollbar;
+      var collapseBodyEl = $xeMenu.$refs.refCollapseBodyElem;
+      if (collapseBodyEl) {
+        collapseBodyEl.scrollTop = 0;
+      }
+      if ($collapseBodyScrollbar) {
+        $collapseBodyScrollbar.clearScroll();
+      }
       reactData.isEnterCollapse = false;
     },
     //
@@ -49723,7 +49819,8 @@ var nemuUniqueKey = 100000000;
       var slots = $xeMenu.$scopedSlots;
       var reactData = $xeMenu.reactData;
       var loading = props.loading,
-        collapseFixed = props.collapseFixed;
+        collapseFixed = props.collapseFixed,
+        useScrollbar = props.useScrollbar;
       var initialized = reactData.initialized,
         menuList = reactData.menuList,
         collapseStyle = reactData.collapseStyle,
@@ -49733,6 +49830,8 @@ var nemuUniqueKey = 100000000;
       var currBorder = $xeMenu.computeCurrBorder;
       var varStyle = $xeMenu.computeVarStyle;
       var scrollbarOpts = $xeMenu.computeScrollbarOpts;
+      var viewClassName = scrollbarOpts.viewClassName,
+        viewInnerClassName = scrollbarOpts.viewInnerClassName;
       var headerSlot = slots.header;
       var footerSlot = slots.footer;
       var ons = {};
@@ -49763,9 +49862,13 @@ var nemuUniqueKey = 100000000;
         on: ons
       }, isCollapsed ? [headerSlot ? h('div', {
         class: 'vxe-menu--header'
-      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), h(packages_scrollbar, {
-        class: 'vxe-menu--body',
-        props: scrollbarOpts,
+      }, headerSlot(stParams)) : renderEmptyElement($xeMenu), useScrollbar && isEnterCollapse ? h(packages_scrollbar, {
+        ref: 'refCollapseBodyScrollbar',
+        class: 'vxe-menu--scrollbar-body',
+        props: _objectSpread2(_objectSpread2({}, scrollbarOpts), {}, {
+          viewClassName: 'vxe-menu--scrollbar-body-view' + (viewClassName ? ' ' + viewClassName : ''),
+          viewInnerClassName: 'vxe-menu--scrollbar-body-inner' + (viewClassName ? ' ' + viewInnerClassName : '')
+        }),
         scopedSlots: {
           default: function _default() {
             return menuList.map(function (child) {
@@ -49773,7 +49876,12 @@ var nemuUniqueKey = 100000000;
             });
           }
         }
-      }), footerSlot ? h('div', {
+      }) : h('div', {
+        ref: 'refCollapseBodyElem',
+        class: 'vxe-menu--body'
+      }, menuList.map(function (child) {
+        return $xeMenu.renderDefaultChildren(h, child, menuList);
+      })), footerSlot ? h('div', {
         class: 'vxe-menu--footer'
       }, footerSlot(stParams)) : renderEmptyElement($xeMenu)] : []) : renderEmptyElement($xeMenu),
       /**