vxe-pc-ui 3.20.1 → 3.20.5

package/es/tabs/src/tabs.js

@@ -3,7 +3,7 @@ import XEUtils from 'xe-utils';
 import { createEvent, getConfig, getIcon, globalEvents, globalMixins, permission, renderEmptyElement } from '../../ui';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit, addClass, removeClass } from '../../ui/src/dom';
-import { isEnableConf } from '../../ui/src/utils';
+import { getDefaultConfig, isEnableConf } from '../../ui/src/utils';
 import { createComponentLog } from '../../ui/src/log';
 import VxeLoadingComponent from '../../loading';
 import VxeScrollbarComponent from '../../scrollbar';
@@ -52,7 +52,7 @@ export default {
         },
         useScrollbar: {
             type: Boolean,
-            default: () => getConfig().tabs.useScrollbar
+            default: () => getDefaultConfig(getConfig().tabs.useScrollbar, getConfig().useScrollbar)
         },
         scrollbarConfig: Object,
         // 已废弃

package/es/tree/src/tree.js

@@ -8,11 +8,11 @@ import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store';
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode, hasClass } from '../../ui/src/dom';
 import { isEnableConf, enModelValue, deModelValue, getText, getDefaultConfig } from '../../ui/src/utils';
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
-import { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } from '../../scrollbar/src/util';
 import VxeLoadingComponent from '../../loading';
 import VxeTooltipComponent from '../../tooltip';
 const { warnLog, errLog } = createComponentLog('tree');
-const { menus, getConfig, getI18n, getIcon } = VxeUI;
+const { menus, scrollbarUtils, getConfig, getI18n, getIcon } = VxeUI;
+const { getThumbOffsetSize, getThumbSize, getScrollFromClick, getScrollFromDrag } = scrollbarUtils;
 let crossTreeDragNodeObj = null;
 /**
  * 生成节点的唯一主键
@@ -539,8 +539,9 @@ function createInternalData() {
         indeterminateNodeMaps: {},
         treeExpandedMaps: {},
         treeExpandLazyLoadedMaps: {},
-        // 滚动条
         // resizeObserver: undefined,
+        // 滚动条
+        // scrollObserver: undefined,
         // isThumbDrag: false,
         thumbDragOffset: 0,
         yThumbTop: 0,
@@ -698,7 +699,7 @@ export default {
         virtualYConfig: Object,
         useScrollbar: {
             type: Boolean,
-            default: () => getConfig().tree.useScrollbar
+            default: () => getDefaultConfig(getConfig().tree.useScrollbar, getConfig().useScrollbar)
         },
         scrollbarConfig: Object
     },
@@ -812,11 +813,8 @@ export default {
         },
         computeWrapperStyles() {
             const $xeTree = this;
-            const scrollbarOpts = $xeTree.computeScrollbarOpts;
-            const scrollbarXOpts = $xeTree.computeScrollbarXOpts;
-            const scrollbarYOpts = $xeTree.computeScrollbarYOpts;
-            const barWidth = getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
-            const barHeight = getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+            const barWidth = $xeTree.computeScrollYWidth;
+            const barHeight = $xeTree.computeScrollXHeight;
             const stys = {};
             if (barWidth || barHeight) {
                 stys['--vxe-ui-scrollbar-y-width'] = toCssUnit(barWidth || barHeight);
@@ -878,6 +876,18 @@ export default {
             const scrollbarOpts = $xeTree.computeScrollbarOpts;
             return Object.assign({}, getConfig().scrollbar.yConfig, scrollbarOpts.yConfig);
         },
+        computeScrollXHeight() {
+            const $xeTree = this;
+            const scrollbarOpts = $xeTree.computeScrollbarOpts;
+            const scrollbarXOpts = $xeTree.computeScrollbarXOpts;
+            return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height);
+        },
+        computeScrollYWidth() {
+            const $xeTree = this;
+            const scrollbarOpts = $xeTree.computeScrollbarOpts;
+            const scrollbarYOpts = $xeTree.computeScrollbarYOpts;
+            return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width);
+        },
         computeScrollXVisible() {
             const $xeTree = this;
             const scrollbarOpts = $xeTree.computeScrollbarOpts;
@@ -905,15 +915,11 @@ export default {
         computeScrollbarWrapperClss() {
             const $xeTree = this;
             const reactData = $xeTree.reactData;
-            const scrollbarOpts = $xeTree.computeScrollbarOpts;
-            const { padding } = scrollbarOpts;
             const { yThumbHeight, xThumbWidth } = reactData;
             const scrollbarXToTop = $xeTree.computeScrollbarXToTop;
             const scrollbarYToLeft = $xeTree.computeScrollbarYToLeft;
             const scrollXVisible = $xeTree.computeScrollXVisible;
             const scrollYVisible = $xeTree.computeScrollYVisible;
-            const scrollXAutoHide = $xeTree.computeScrollXAutoHide;
-            const scrollYAutoHide = $xeTree.computeScrollYAutoHide;
             return domUtils.buildClass([
                 'vxe-scrollbar is--virtual',
                 `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
@@ -921,9 +927,6 @@ export default {
                 `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}`,
                 `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}`
             ], {
-                'is--padding': padding,
-                'ov-x--auto-hide': scrollXAutoHide,
-                'ov-y--auto-hide': scrollYAutoHide,
                 'overflow-y': yThumbHeight,
                 'overflow-x': xThumbWidth
             });
@@ -4032,6 +4035,14 @@ export default {
             const $xeTree = this;
             $xeTree.reFlag++;
         },
+        computeScrollYWidth() {
+            const $xeTree = this;
+            $xeTree.reFlag++;
+        },
+        computeScrollXHeight() {
+            const $xeTree = this;
+            $xeTree.reFlag++;
+        },
         computeScrollXVisible() {
             const $xeTree = this;
             $xeTree.$nextTick(() => {
@@ -4084,23 +4095,32 @@ export default {
         if (menuConfig && !VxeUIContextMenu) {
             errLog('vxe.error.reqComp', ['vxe-context-menu']);
         }
-        if (useScrollbar || autoResize) {
-            const el = $xeTree.$refs.refElem;
+        const el = $xeTree.$refs.refElem;
+        if (useScrollbar) {
             const viewInnerEl = $xeTree.$refs.refVirtualBody;
+            const scrollObserver = globalResize.create(() => {
+                $xeTree.updateScrollbar();
+            });
+            if (el) {
+                scrollObserver.observe(el);
+            }
+            if (viewInnerEl) {
+                scrollObserver.observe(viewInnerEl);
+            }
+            internalData.scrollObserver = scrollObserver;
+        }
+        if (autoResize) {
             const parentEl = $xeTree.getParentElem();
             const resizeObserver = globalResize.create(() => {
-                $xeTree.reFlag++;
+                if (props.autoResize) {
+                    $xeTree.reFlag++;
+                }
             });
             if (el) {
                 resizeObserver.observe(el);
-                if (autoResize) {
-                    if (parentEl) {
-                        resizeObserver.observe(parentEl);
-                    }
-                }
             }
-            if (viewInnerEl) {
-                resizeObserver.observe(viewInnerEl);
+            if (parentEl) {
+                resizeObserver.observe(parentEl);
             }
             internalData.resizeObserver = resizeObserver;
         }
@@ -4113,10 +4133,13 @@ export default {
         const $xeTree = this;
         const reactData = $xeTree.reactData;
         const internalData = $xeTree.internalData;
-        const { resizeObserver } = internalData;
+        const { scrollObserver, resizeObserver } = internalData;
         if (resizeObserver) {
             resizeObserver.disconnect();
         }
+        if (scrollObserver) {
+            scrollObserver.disconnect();
+        }
         globalEvents.off($xeTree, 'resize');
         XEUtils.assign(reactData, createReactData());
         XEUtils.assign(internalData, createInternalData());

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "3.20.1";
+export const version = "3.20.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const uiVersion = `ui v${"3.20.1"}`;
+const uiVersion = `ui v${"3.20.5"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-drawer/style.css

@@ -141,8 +141,8 @@
   cursor: move;
   transition: none;
 }
-.vxe-drawer--box.is--drag .vxe-modal--body:after,
-.vxe-drawer--box.is--drag .vxe-modal--footer:after {
+.vxe-drawer--box.is--drag .vxe-drawer--body:after,
+.vxe-drawer--box.is--drag .vxe-drawer--footer:after {
   content: "";
   position: absolute;
   top: 0;
@@ -150,10 +150,11 @@
   width: 100%;
   height: 100%;
 }
-.vxe-drawer--box.is--drag .vxe-modal--body {
+.vxe-drawer--box.is--drag .vxe-drawer--body {
   overflow: hidden;
 }
-.vxe-drawer--box.is--drag .vxe-modal--body .vxe-modal--content {
+.vxe-drawer--box.is--drag .vxe-drawer--body .vxe-drawer--content,
+.vxe-drawer--box.is--drag .vxe-drawer--body .vxe-drawer--scrollbar-content {
   overflow: hidden;
 }
 
@@ -172,7 +173,8 @@
   outline: 0;
 }
 
-.vxe-drawer--content {
+.vxe-drawer--content,
+.vxe-drawer--scrollbar-content {
   flex-grow: 1;
   white-space: pre-line;
 }
@@ -189,7 +191,8 @@
   overflow: auto;
   outline: 0;
 }
-.vxe-drawer--body .vxe-drawer--content {
+.vxe-drawer--body .vxe-drawer--content,
+.vxe-drawer--body .vxe-drawer--scrollbar-content {
   overflow: auto;
 }
 
@@ -304,4 +307,8 @@
 
 .vxe-drawer--wrapper[data-effect] {
   overflow: hidden;
+}
+
+.vxe-drawer--scrollbar-content {
+  width: 100%;
 }

package/es/vxe-drawer/style.min.css

@@ -1 +1 @@
-.vxe-drawer--wrapper{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-default)}.vxe-drawer--wrapper.size--xlarge{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-drawer--wrapper.size--large{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-large)}.vxe-drawer--wrapper.size--medium{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-drawer--wrapper.size--small{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-small)}.vxe-drawer--wrapper.size--mini{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-drawer--wrapper{display:none;top:0;left:0;line-height:1.5;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-drawer-current-font-size);font-family:var(--vxe-ui-font-family);outline:0}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper:not(.lock--view){pointer-events:none}.vxe-drawer--wrapper.lock--scroll{overflow:hidden}.vxe-drawer--wrapper:not(.lock--scroll){overflow:auto}.vxe-drawer--wrapper.is--mask:before,.vxe-drawer--wrapper.lock--view:before{content:"";top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-drawer--wrapper.is--mask:before{background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.vxe-drawer--wrapper.pos--left .vxe-drawer--box{top:0;left:-100%;box-shadow:2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--right .vxe-drawer--box{top:0;right:-100%;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--top .vxe-drawer--box{top:-100%;left:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box{bottom:-100%;left:0;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--left .vxe-drawer--box,.vxe-drawer--wrapper.pos--right .vxe-drawer--box{width:30%;height:100%}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box,.vxe-drawer--wrapper.pos--top .vxe-drawer--box{width:100%;height:30%}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default{padding:.8em .6em}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default .vxe-drawer--status-wrapper{padding-right:.6em}.vxe-drawer--wrapper.ctx--free{position:fixed;width:calc(100% + 18px);height:calc(100% + 18px)}.vxe-drawer--wrapper.ctx--free.is--mask:before,.vxe-drawer--wrapper.ctx--free.lock--view:before{position:fixed}.vxe-drawer--wrapper.ctx--free .vxe-drawer--box{position:fixed}.vxe-drawer--wrapper.ctx--within{position:absolute;width:100%;height:100%}.vxe-drawer--wrapper.ctx--within.is--mask:before,.vxe-drawer--wrapper.ctx--within.lock--view:before{position:absolute}.vxe-drawer--wrapper.ctx--within .vxe-drawer--box{position:absolute}.vxe-drawer--box{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color);text-align:left;pointer-events:auto;opacity:0;transition:all .3s ease-in-out}.vxe-drawer--box.is--drag{cursor:move;transition:none}.vxe-drawer--box.is--drag .vxe-modal--body:after,.vxe-drawer--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-drawer--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-drawer--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-drawer--aside{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0}.vxe-drawer--content{flex-grow:1;white-space:pre-line}.vxe-drawer--body,.vxe-drawer--footer,.vxe-drawer--header{position:relative}.vxe-drawer--body{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--body .vxe-drawer--content{overflow:auto}.vxe-drawer--body-left,.vxe-drawer--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700}.vxe-drawer--header.is--ellipsis .vxe-drawer--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-drawer--wrapper.is--title-bg .vxe-drawer--header{background-color:var(--vxe-ui-drawer-header-background-color)}.vxe-drawer--wrapper.is--border .vxe-drawer--header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--wrapper.is--border .vxe-drawer--box{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-drawer--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:.6em 1em .6em 0}.vxe-drawer--footer-wrapper{display:flex;flex-direction:row}.vxe-drawer--footer-wrapper .vxe-drawer--footer-left{flex-grow:1;text-align:left}.vxe-drawer--footer-wrapper .vxe-drawer--footer-right{flex-shrink:0}.vxe-drawer--close-btn{cursor:pointer;margin-left:.6em}.vxe-drawer--close-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-drawer--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-drawer--resize .sb-resize,.vxe-drawer--resize .st-resize,.vxe-drawer--resize .wl-resize,.vxe-drawer--resize .wr-resize{position:absolute;z-index:100}.vxe-drawer--resize .wl-resize,.vxe-drawer--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-drawer--resize .wl-resize{left:-4px}.vxe-drawer--resize .wr-resize{right:-4px}.vxe-drawer--resize .sb-resize,.vxe-drawer--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-drawer--resize .st-resize{top:-4px}.vxe-drawer--resize .sb-resize{bottom:-4px}.vxe-drawer--wrapper[data-effect]{overflow:hidden}
+.vxe-drawer--wrapper{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-default)}.vxe-drawer--wrapper.size--xlarge{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-drawer--wrapper.size--large{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-large)}.vxe-drawer--wrapper.size--medium{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-drawer--wrapper.size--small{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-small)}.vxe-drawer--wrapper.size--mini{--vxe-ui-drawer-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-drawer--wrapper{display:none;top:0;left:0;line-height:1.5;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-drawer-current-font-size);font-family:var(--vxe-ui-font-family);outline:0}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper:not(.lock--view){pointer-events:none}.vxe-drawer--wrapper.lock--scroll{overflow:hidden}.vxe-drawer--wrapper:not(.lock--scroll){overflow:auto}.vxe-drawer--wrapper.is--mask:before,.vxe-drawer--wrapper.lock--view:before{content:"";top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-drawer--wrapper.is--mask:before{background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.vxe-drawer--wrapper.pos--left .vxe-drawer--box{top:0;left:-100%;box-shadow:2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--right .vxe-drawer--box{top:0;right:-100%;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--top .vxe-drawer--box{top:-100%;left:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box{bottom:-100%;left:0;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--left .vxe-drawer--box,.vxe-drawer--wrapper.pos--right .vxe-drawer--box{width:30%;height:100%}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box,.vxe-drawer--wrapper.pos--top .vxe-drawer--box{width:100%;height:30%}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default{padding:.8em .6em}.vxe-drawer--wrapper.is--padding .vxe-drawer--body-default .vxe-drawer--status-wrapper{padding-right:.6em}.vxe-drawer--wrapper.ctx--free{position:fixed;width:calc(100% + 18px);height:calc(100% + 18px)}.vxe-drawer--wrapper.ctx--free.is--mask:before,.vxe-drawer--wrapper.ctx--free.lock--view:before{position:fixed}.vxe-drawer--wrapper.ctx--free .vxe-drawer--box{position:fixed}.vxe-drawer--wrapper.ctx--within{position:absolute;width:100%;height:100%}.vxe-drawer--wrapper.ctx--within.is--mask:before,.vxe-drawer--wrapper.ctx--within.lock--view:before{position:absolute}.vxe-drawer--wrapper.ctx--within .vxe-drawer--box{position:absolute}.vxe-drawer--box{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color);text-align:left;pointer-events:auto;opacity:0;transition:all .3s ease-in-out}.vxe-drawer--box.is--drag{cursor:move;transition:none}.vxe-drawer--box.is--drag .vxe-drawer--body:after,.vxe-drawer--box.is--drag .vxe-drawer--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-drawer--box.is--drag .vxe-drawer--body{overflow:hidden}.vxe-drawer--box.is--drag .vxe-drawer--body .vxe-drawer--content,.vxe-drawer--box.is--drag .vxe-drawer--body .vxe-drawer--scrollbar-content{overflow:hidden}.vxe-drawer--aside{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0}.vxe-drawer--content,.vxe-drawer--scrollbar-content{flex-grow:1;white-space:pre-line}.vxe-drawer--body,.vxe-drawer--footer,.vxe-drawer--header{position:relative}.vxe-drawer--body{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--body .vxe-drawer--content,.vxe-drawer--body .vxe-drawer--scrollbar-content{overflow:auto}.vxe-drawer--body-left,.vxe-drawer--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-drawer--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-drawer--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700}.vxe-drawer--header.is--ellipsis .vxe-drawer--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-drawer--wrapper.is--title-bg .vxe-drawer--header{background-color:var(--vxe-ui-drawer-header-background-color)}.vxe-drawer--wrapper.is--border .vxe-drawer--header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--wrapper.is--border .vxe-drawer--box{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-drawer--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:.6em 1em .6em 0}.vxe-drawer--footer-wrapper{display:flex;flex-direction:row}.vxe-drawer--footer-wrapper .vxe-drawer--footer-left{flex-grow:1;text-align:left}.vxe-drawer--footer-wrapper .vxe-drawer--footer-right{flex-shrink:0}.vxe-drawer--close-btn{cursor:pointer;margin-left:.6em}.vxe-drawer--close-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-drawer--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-drawer--resize .sb-resize,.vxe-drawer--resize .st-resize,.vxe-drawer--resize .wl-resize,.vxe-drawer--resize .wr-resize{position:absolute;z-index:100}.vxe-drawer--resize .wl-resize,.vxe-drawer--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-drawer--resize .wl-resize{left:-4px}.vxe-drawer--resize .wr-resize{right:-4px}.vxe-drawer--resize .sb-resize,.vxe-drawer--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-drawer--resize .st-resize{top:-4px}.vxe-drawer--resize .sb-resize{bottom:-4px}.vxe-drawer--wrapper[data-effect]{overflow:hidden}.vxe-drawer--scrollbar-content{width:100%}

package/es/vxe-modal/style.css

@@ -450,4 +450,8 @@ html[data-vxe-lock-scroll] body {
 
 .vxe-modal--wrapper[data-effect] {
   overflow: hidden;
+}
+
+.vxe-modal--scrollbar-content {
+  width: 100%;
 }

package/es/vxe-modal/style.min.css

@@ -1 +1 @@
-.vxe-modal--wrapper{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--xlarge{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-modal--wrapper.size--large{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-large)}.vxe-modal--wrapper.size--medium{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-mini)}html[data-vxe-lock-scroll]{overflow:hidden}html[data-vxe-lock-scroll] body{overflow:hidden;width:var(--vxe-ui-modal-lock-scroll-view-width)}.vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);text-align:left;pointer-events:auto;opacity:0;outline:0}.vxe-modal--box.is--drag{cursor:move}.vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--aside{flex-shrink:0;overflow:auto}.vxe-modal--container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center;font-size:1.6em}.vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--body,.vxe-modal--footer,.vxe-modal--header{position:relative}.vxe-modal--body{display:flex;flex-direction:row;flex-grow:1;outline:0}.vxe-modal--body-left,.vxe-modal--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-modal--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-modal--header{display:flex;flex-direction:row;align-items:center;height:2.8em;flex-shrink:0;font-size:1.1em;font-weight:700;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--footer-wrapper{display:flex;flex-direction:row}.vxe-modal--footer-wrapper .vxe-modal--footer-left{flex-grow:1;text-align:left}.vxe-modal--footer-wrapper .vxe-modal--footer-right{flex-shrink:0}.vxe-modal--header-title{flex-grow:1;padding:.8em 0 .8em .6em}.vxe-modal--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:0 .6em 0 0}.vxe-modal--close-btn,.vxe-modal--zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-left:.5em;cursor:pointer}.vxe-modal--close-btn:hover,.vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--resize .sb-resize,.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .st-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize,.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--resize .wl-resize{left:-4px}.vxe-modal--resize .wr-resize{right:-4px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--resize .sb-resize,.vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--resize .st-resize{top:-4px}.vxe-modal--resize .sb-resize{bottom:-4px}.vxe-modal--wrapper{display:none;top:0;left:0;line-height:1.5;font-size:var(--vxe-ui-modal-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-modal--wrapper.ctx--free{width:calc(100% + 18px);height:calc(100% + 18px);position:fixed}.vxe-modal--wrapper.ctx--free.is--mask:before,.vxe-modal--wrapper.ctx--free.lock--view:before{position:fixed}.vxe-modal--wrapper.ctx--free.type--alert .vxe-modal--box,.vxe-modal--wrapper.ctx--free.type--confirm .vxe-modal--box,.vxe-modal--wrapper.ctx--free.type--modal .vxe-modal--box{position:fixed}.vxe-modal--wrapper.ctx--within{width:100%;height:100%;position:absolute}.vxe-modal--wrapper.ctx--within.is--mask:before,.vxe-modal--wrapper.ctx--within.lock--view:before{position:absolute}.vxe-modal--wrapper.ctx--within.type--alert .vxe-modal--box,.vxe-modal--wrapper.ctx--within.type--confirm .vxe-modal--box,.vxe-modal--wrapper.ctx--within.type--modal .vxe-modal--box{position:absolute}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper.is--draggable.zoom--minimize .vxe-modal--header-title,.vxe-modal--wrapper.is--draggable.zoom--revert .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box{border-radius:0}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--header{border-radius:0;cursor:default}.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--body,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--footer{display:none}.vxe-modal--wrapper.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal:not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat{pointer-events:none}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.zoom--minimize::before{display:none}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message .vxe-modal--box{opacity:0;transform:translate(0,-100%)}.vxe-modal--wrapper.type--message.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--notification.pos--top-right .vxe-modal--box{opacity:0;transform:translate(100%,0)}.vxe-modal--wrapper.type--notification.pos--top-right.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center;transition:top .3s ease-in-out}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .vxe-modal--box{display:inline-flex;flex-direction:row;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);transition:all .3s ease-out}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--alert.is--title-bg .vxe-modal--header,.vxe-modal--wrapper.type--confirm.is--title-bg .vxe-modal--header,.vxe-modal--wrapper.type--modal.is--title-bg .vxe-modal--header{background-color:var(--vxe-ui-modal-header-background-color)}.vxe-modal--wrapper.type--alert.is--border .vxe-modal--header,.vxe-modal--wrapper.type--confirm.is--border .vxe-modal--header,.vxe-modal--wrapper.type--modal.is--border .vxe-modal--header{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-modal--wrapper.type--alert.is--border .vxe-modal--box,.vxe-modal--wrapper.type--confirm.is--border .vxe-modal--box,.vxe-modal--wrapper.type--modal.is--border .vxe-modal--box{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:row;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--aside{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default .vxe-modal--status-wrapper{padding-right:.6em}.vxe-modal--wrapper.is--padding.type--notification .vxe-modal--body-default{padding-top:0}.vxe-modal--wrapper.type--message .vxe-modal--body-default{padding-right:1.2em}.vxe-modal--wrapper[data-effect]{overflow:hidden}
+.vxe-modal--wrapper{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--xlarge{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-xlarge)}.vxe-modal--wrapper.size--large{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-large)}.vxe-modal--wrapper.size--medium{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{--vxe-ui-modal-current-font-size:var(--vxe-ui-font-size-mini)}html[data-vxe-lock-scroll]{overflow:hidden}html[data-vxe-lock-scroll] body{overflow:hidden;width:var(--vxe-ui-modal-lock-scroll-view-width)}.vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);text-align:left;pointer-events:auto;opacity:0;outline:0}.vxe-modal--box.is--drag{cursor:move}.vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--aside{flex-shrink:0;overflow:auto}.vxe-modal--container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center;font-size:1.6em}.vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--body,.vxe-modal--footer,.vxe-modal--header{position:relative}.vxe-modal--body{display:flex;flex-direction:row;flex-grow:1;outline:0}.vxe-modal--body-left,.vxe-modal--body-right{flex-shrink:0;overflow:auto;outline:0}.vxe-modal--body-default{display:flex;flex-grow:1;overflow:auto;outline:0}.vxe-modal--header{display:flex;flex-direction:row;align-items:center;height:2.8em;flex-shrink:0;font-size:1.1em;font-weight:700;border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--footer-wrapper{display:flex;flex-direction:row}.vxe-modal--footer-wrapper .vxe-modal--footer-left{flex-grow:1;text-align:left}.vxe-modal--footer-wrapper .vxe-modal--footer-right{flex-shrink:0}.vxe-modal--header-title{flex-grow:1;padding:.8em 0 .8em .6em}.vxe-modal--header-right{display:flex;flex-direction:row;flex-shrink:0;padding:0 .6em 0 0}.vxe-modal--close-btn,.vxe-modal--zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;margin-left:.5em;cursor:pointer}.vxe-modal--close-btn:hover,.vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--resize .sb-resize,.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .st-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize,.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--resize .wl-resize,.vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--resize .wl-resize{left:-4px}.vxe-modal--resize .wr-resize{right:-4px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--resize .sest-resize,.vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--resize .selb-resize,.vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--resize .swlb-resize,.vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--resize .selb-resize,.vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--resize .sb-resize,.vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--resize .st-resize{top:-4px}.vxe-modal--resize .sb-resize{bottom:-4px}.vxe-modal--wrapper{display:none;top:0;left:0;line-height:1.5;font-size:var(--vxe-ui-modal-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);outline:0}.vxe-modal--wrapper.ctx--free{width:calc(100% + 18px);height:calc(100% + 18px);position:fixed}.vxe-modal--wrapper.ctx--free.is--mask:before,.vxe-modal--wrapper.ctx--free.lock--view:before{position:fixed}.vxe-modal--wrapper.ctx--free.type--alert .vxe-modal--box,.vxe-modal--wrapper.ctx--free.type--confirm .vxe-modal--box,.vxe-modal--wrapper.ctx--free.type--modal .vxe-modal--box{position:fixed}.vxe-modal--wrapper.ctx--within{width:100%;height:100%;position:absolute}.vxe-modal--wrapper.ctx--within.is--mask:before,.vxe-modal--wrapper.ctx--within.lock--view:before{position:absolute}.vxe-modal--wrapper.ctx--within.type--alert .vxe-modal--box,.vxe-modal--wrapper.ctx--within.type--confirm .vxe-modal--box,.vxe-modal--wrapper.ctx--within.type--modal .vxe-modal--box{position:absolute}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper.is--draggable.zoom--minimize .vxe-modal--header-title,.vxe-modal--wrapper.is--draggable.zoom--revert .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .selb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .sest-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .st-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .swst-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wl-resize,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box{border-radius:0}.vxe-modal--wrapper.zoom--maximize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--header{border-radius:0;cursor:default}.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--body,.vxe-modal--wrapper.zoom--minimize>.vxe-modal--box>.vxe-modal--container>.vxe-modal--footer{display:none}.vxe-modal--wrapper.type--alert.lock--scroll,.vxe-modal--wrapper.type--confirm.lock--scroll,.vxe-modal--wrapper.type--modal.lock--scroll{overflow:hidden}.vxe-modal--wrapper.type--alert:not(.lock--scroll),.vxe-modal--wrapper.type--confirm:not(.lock--scroll),.vxe-modal--wrapper.type--modal:not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat{pointer-events:none}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.zoom--minimize::before{display:none}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body,.vxe-modal--wrapper.type--notification .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message .vxe-modal--box{opacity:0;transform:translate(0,-100%)}.vxe-modal--wrapper.type--message.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--notification.pos--top-right .vxe-modal--box{opacity:0;transform:translate(100%,0)}.vxe-modal--wrapper.type--notification.pos--top-right.is--visible .vxe-modal--box{opacity:1;transform:translate(0,0)}.vxe-modal--wrapper.type--message,.vxe-modal--wrapper.type--notification{width:100%;height:100%;padding:0 var(--vxe-ui-layout-padding-double);text-align:center;transition:top .3s ease-in-out}.vxe-modal--wrapper.type--message.pos--top-left,.vxe-modal--wrapper.type--notification.pos--top-left{text-align:left}.vxe-modal--wrapper.type--message.pos--top-right,.vxe-modal--wrapper.type--notification.pos--top-right{text-align:right}.vxe-modal--wrapper.type--message .vxe-modal--box,.vxe-modal--wrapper.type--notification .vxe-modal--box{display:inline-flex;flex-direction:row;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);transition:all .3s ease-out}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--alert.is--title-bg .vxe-modal--header,.vxe-modal--wrapper.type--confirm.is--title-bg .vxe-modal--header,.vxe-modal--wrapper.type--modal.is--title-bg .vxe-modal--header{background-color:var(--vxe-ui-modal-header-background-color)}.vxe-modal--wrapper.type--alert.is--border .vxe-modal--header,.vxe-modal--wrapper.type--confirm.is--border .vxe-modal--header,.vxe-modal--wrapper.type--modal.is--border .vxe-modal--header{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-modal--wrapper.type--alert.is--border .vxe-modal--box,.vxe-modal--wrapper.type--confirm.is--border .vxe-modal--box,.vxe-modal--wrapper.type--modal.is--border .vxe-modal--box{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:row;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--aside{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default{padding:.8em .6em}.vxe-modal--wrapper.is--padding .vxe-modal--body-default .vxe-modal--status-wrapper{padding-right:.6em}.vxe-modal--wrapper.is--padding.type--notification .vxe-modal--body-default{padding-top:0}.vxe-modal--wrapper.type--message .vxe-modal--body-default{padding-right:1.2em}.vxe-modal--wrapper[data-effect]{overflow:hidden}.vxe-modal--scrollbar-content{width:100%}

package/lib/card/src/card.js

@@ -8,6 +8,7 @@ var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/utils");
 var _vn = require("../../ui/src/vn");
 var _loading = _interopRequireDefault(require("../../loading"));
 var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
@@ -57,7 +58,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().card.useScrollbar;
+        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().card.useScrollbar, (0, _ui.getConfig)().useScrollbar);
       }
     },
     scrollbarConfig: Object

package/lib/card/src/card.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCard",mixins:[_ui.globalMixins.sizeMixin],props:{title:String,showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.showTitleOverflow}},width:[String,Number],height:[String,Number],border:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.border}},loading:Boolean,shadow:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.shadow}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().card.size||(0,_ui.getConfig)().size}},useScrollbar:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.useScrollbar}},scrollbarConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeCardStyle:function(){var e=this.height,t=this.width,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().card.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs}}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$card:this},t))},renderVN:function(e){var t=this,r=t.$scopedSlots,o=t.title,i=t.border,n=t.shadow,a=t.padding,l=t.loading,s=t.showTitleOverflow,c=t.useScrollbar,d=r.default,u=r.header,f=r.title,p=r.extra,v=r.footer,b=r.left,g=r.right,r=t.computeSize,_=t.computeCardStyle,m=t.computeScrollbarOpts,y=t.computeScrollbarProps,h=m.viewClassName,m=m.viewInnerClassName;return e("div",{ref:"refElem",class:["vxe-card",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--border",i),"is--shadow",n),"is--padding",a)],style:_},[o||f||u?e("div",{class:"vxe-card--header"},u?(0,_vn.getSlotVNs)(u({})):[e("div",{class:["vxe-card--header-title",{"is--ellipsis":s}]},f?(0,_vn.getSlotVNs)(f({})):"".concat(o||"")),p?e("div",{class:"vxe-card--header-extra"},(0,_vn.getSlotVNs)(p({}))):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-card--body"},[b?c?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-left",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-left-view",viewInnerClassName:"vxe-card--body-scrollbar-left-inner"}),scopedSlots:{default:function(){return(0,_vn.getSlotVNs)(b({}))}}}):e("div",{class:"vxe-card--body-left"},(0,_vn.getSlotVNs)(b({}))):(0,_ui.renderEmptyElement)(t),c?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-content",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-content-view"+(h?" "+h:""),viewInnerClassName:"vxe-card--body-scrollbar-content-inner"+(h?" "+m:"")}),scopedSlots:{default:function(){return d?(0,_vn.getSlotVNs)(d({})):[]}}}):e("div",{class:"vxe-card--body-content"},d?(0,_vn.getSlotVNs)(d({})):[]),g?c?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-right",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-right-view",viewInnerClassName:"vxe-card--body-scrollbar-right-inner"}),scopedSlots:{default:function(){return(0,_vn.getSlotVNs)(g({}))}}}):e("div",{class:"vxe-card--body-right"},(0,_vn.getSlotVNs)(g({}))):(0,_ui.renderEmptyElement)(t)]),v?e("div",{class:"vxe-card--footer"},(0,_vn.getSlotVNs)(v({}))):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-card--loading",props:{value:l}})])}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCard",mixins:[_ui.globalMixins.sizeMixin],props:{title:String,showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.showTitleOverflow}},width:[String,Number],height:[String,Number],border:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.border}},loading:Boolean,shadow:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.shadow}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().card.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().card.size||(0,_ui.getConfig)().size}},useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().card.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeCardStyle:function(){var e=this.height,t=this.width,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().card.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs}}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$card:this},t))},renderVN:function(e){var t=this,r=t.$scopedSlots,i=t.title,o=t.border,n=t.shadow,l=t.padding,a=t.loading,s=t.showTitleOverflow,u=t.useScrollbar,c=r.default,d=r.header,f=r.title,p=r.extra,v=r.footer,b=r.left,g=r.right,r=t.computeSize,_=t.computeCardStyle,m=t.computeScrollbarOpts,y=t.computeScrollbarProps,h=m.viewClassName,m=m.viewInnerClassName;return e("div",{ref:"refElem",class:["vxe-card",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(r),r),"is--border",o),"is--shadow",n),"is--padding",l)],style:_},[i||f||d?e("div",{class:"vxe-card--header"},d?(0,_vn.getSlotVNs)(d({})):[e("div",{class:["vxe-card--header-title",{"is--ellipsis":s}]},f?(0,_vn.getSlotVNs)(f({})):"".concat(i||"")),p?e("div",{class:"vxe-card--header-extra"},(0,_vn.getSlotVNs)(p({}))):(0,_ui.renderEmptyElement)(t)]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-card--body"},[b?u?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-left",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-left-view",viewInnerClassName:"vxe-card--body-scrollbar-left-inner"}),scopedSlots:{default:function(){return(0,_vn.getSlotVNs)(b({}))}}}):e("div",{class:"vxe-card--body-left"},(0,_vn.getSlotVNs)(b({}))):(0,_ui.renderEmptyElement)(t),u?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-content",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-content-view"+(h?" "+h:""),viewInnerClassName:"vxe-card--body-scrollbar-content-inner"+(h?" "+m:"")}),scopedSlots:{default:function(){return c?(0,_vn.getSlotVNs)(c({})):[]}}}):e("div",{class:"vxe-card--body-content"},c?(0,_vn.getSlotVNs)(c({})):[]),g?u?e(_scrollbar.default,{class:"vxe-card--body-scrollbar-right",props:Object.assign(Object.assign({},y),{viewClassName:"vxe-card--body-scrollbar-right-view",viewInnerClassName:"vxe-card--body-scrollbar-right-inner"}),scopedSlots:{default:function(){return(0,_vn.getSlotVNs)(g({}))}}}):e("div",{class:"vxe-card--body-right"},(0,_vn.getSlotVNs)(g({}))):(0,_ui.renderEmptyElement)(t)]),v?e("div",{class:"vxe-card--footer"},(0,_vn.getSlotVNs)(v({}))):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-card--loading",props:{value:a}})])}},render:function(e){return this.renderVN(e)}});

package/lib/drawer/src/drawer.js

@@ -13,6 +13,7 @@ var _store = require("./store");
 var _vn = require("../../ui/src/vn");
 var _button = _interopRequireDefault(require("../../button"));
 var _loading = _interopRequireDefault(require("../../loading"));
+var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -207,7 +208,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
     },
     beforeHideMethod: Function,
-    slots: Object
+    slots: Object,
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().drawer.useScrollbar, (0, _ui.getConfig)().useScrollbar);
+      }
+    },
+    scrollbarConfig: Object
   },
   inject: {
     $xeModal: {
@@ -280,6 +288,29 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           return 'wr';
       }
       return 'wl';
+    },
+    computeScrollbarOpts: function computeScrollbarOpts() {
+      var $xeDrawer = this;
+      var props = $xeDrawer;
+      return Object.assign({}, (0, _ui.getConfig)().modal.scrollbarConfig, props.scrollbarConfig);
+    },
+    computeScrollbarProps: function computeScrollbarProps() {
+      var $xeDrawer = this;
+      var scrollbarOpts = $xeDrawer.computeScrollbarOpts;
+      var viewClassName = scrollbarOpts.viewClassName,
+        viewInnerClassName = scrollbarOpts.viewInnerClassName;
+      return {
+        width: scrollbarOpts.width,
+        height: scrollbarOpts.height,
+        autoHide: scrollbarOpts.autoHide,
+        visible: scrollbarOpts.visible,
+        xConfig: scrollbarOpts.xConfig,
+        yConfig: scrollbarOpts.yConfig,
+        className: scrollbarOpts.className,
+        viewAttrs: scrollbarOpts.viewAttrs,
+        viewClassName: 'vxe-drawer--scrollbar-content-view' + (viewClassName ? ' ' + viewClassName : ''),
+        viewInnerClassName: 'vxe-drawer--scrollbar-content-inner' + (viewClassName ? ' ' + viewInnerClassName : '')
+      };
     }
   }),
   methods: {
@@ -678,10 +709,53 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var _props$slots3 = props.slots,
         propSlots = _props$slots3 === void 0 ? {} : _props$slots3,
         content = props.content,
+        useScrollbar = props.useScrollbar,
         useHtml = props.useHtml;
+      var scrollbarProps = $xeDrawer.computeScrollbarProps;
       var defaultSlot = slots.default || propSlots.default;
       var leftSlot = slots.left || propSlots.left;
       var rightSlot = slots.right || propSlots.right;
+      var contVNs = [];
+      if (useHtml && !defaultSlot) {
+        contVNs.push(useScrollbar ? h(_scrollbar.default, {
+          key: 'shc',
+          class: 'vxe-drawer--scrollbar-content',
+          props: scrollbarProps,
+          scopedSlots: {
+            default: function _default() {
+              return [h('div', {
+                class: 'vxe-drawer--scrollbar-content-html',
+                domProps: {
+                  innerHTML: (0, _utils.getFuncText)(content)
+                }
+              })];
+            }
+          }
+        }) : h('div', {
+          key: 'hc',
+          class: 'vxe-drawer--content',
+          domProps: {
+            innerHTML: (0, _utils.getFuncText)(content)
+          }
+        }));
+      } else {
+        contVNs.push(useScrollbar ? h(_scrollbar.default, {
+          key: 'sdc',
+          class: 'vxe-drawer--scrollbar-content',
+          props: scrollbarProps,
+          scopedSlots: {
+            default: function _default() {
+              return defaultSlot ? $xeDrawer.callSlot(defaultSlot, {
+                $drawer: $xeDrawer
+              }, h) : (0, _utils.getFuncText)(content);
+            }
+          }
+        }) : h('div', {
+          class: 'vxe-drawer--content'
+        }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, {
+          $drawer: $xeDrawer
+        }, h) : (0, _utils.getFuncText)(content)));
+      }
       return h('div', {
         class: 'vxe-drawer--body'
       }, [leftSlot ? h('div', {
@@ -690,17 +764,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $drawer: $xeDrawer
       }, h)) : (0, _ui.renderEmptyElement)($xeDrawer), h('div', {
         class: 'vxe-drawer--body-default'
-      }, [useHtml && !defaultSlot ? h('div', {
-        key: 'hc',
-        class: 'vxe-drawer--content',
-        domProps: {
-          innerHTML: (0, _utils.getFuncText)(content)
-        }
-      }) : h('div', {
-        class: 'vxe-drawer--content'
-      }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, {
-        $drawer: $xeDrawer
-      }, h) : (0, _utils.getFuncText)(content))]), rightSlot ? h('div', {
+      }, contVNs), rightSlot ? h('div', {
         class: 'vxe-drawer--body-right'
       }, $xeDrawer.callSlot(rightSlot, {
         $drawer: $xeDrawer

package/lib/drawer/src/drawer.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.width}},height:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.height}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minHeight}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.border}},showTitleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleBackground}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},isWithinAppendTo:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.isWithinAppendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){var e={beforeHideMethod:(0,_ui.getConfig)().drawer.beforeHideMethod};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1},defaultFuncProps:e,reFlag:0}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.position,t=this.width,r=this.height,n=this.getBox();return n&&("top"===e||"bottom"===e?n.style.height=(0,_dom.toCssUnit)(r):n.style.width=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<_store.allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(_store.allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=r.visible,i=t.beforeHideMethod||t.defaultFuncProps.beforeHideMethod,o={type:e};return n&&Promise.resolve(i?i(o):null).then(function(e){_xeUtils.default.isError(e)||((e=t.$refs.refElem)&&e.setAttribute("data-effect","y"),r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200),setTimeout(function(){var e=t.$refs.refElem;e&&e.removeAttribute("data-effect")},350))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),_store.allActiveDrawers.push(r),r.$nextTick(function(){var e=r.$refs.refElem;e&&e.setAttribute("data-effect","y")}),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10),setTimeout(function(){var e=r.$refs.refElem;e&&e.removeAttribute("data-effect")},350)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(_store.allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;_store.allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o,a,l,s,u,d,c,f,p,v,g,h,m,w,_,y=this,t=y,x=y.reactData,r=(e.preventDefault(),t.isWithinAppendTo),n=y.$refs.refElem,r=(0,_dom.getPopupWrapperElement)(r?n:document.body);r&&(o=r.clientWidth,a=r.clientHeight,l=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(t.minWidth),u=_xeUtils.default.toNumber(t.minHeight),d=o,c=a,f=y.getBox(),p=f.clientWidth,v=f.clientHeight,g=e.clientX,h=e.clientY,m=f.offsetTop,w=f.offsetLeft,_={type:"resize"},document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),l){case"wl":n=(t=g-e.clientX)+p,0<w-t&&s<n&&(f.style.width="".concat(n<d?n:d,"px"));break;case"st":r=h-e.clientY,i=v+r,0<m-r&&u<i&&(f.style.height="".concat(i<c?i:c,"px"));break;case"wr":t=e.clientX-g,w+(n=t+p)+0<o&&s<n&&(f.style.width="".concat(n<d?n:d,"px"));break;case"sb":r=e.clientY-h,m+(i=r+v)+0<a&&u<i&&(f.style.height="".concat(i<c?i:c,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",y.dispatchEvent("resize",_,e),x.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,x.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)})},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useHtml,l=n.default||i.default,s=n.left||i.left,n=n.right||i.right;return e("div",{class:"vxe-drawer--body"},[s?e("div",{class:"vxe-drawer--body-left"},t.callSlot(s,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},[a&&!l?e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):e("div",{class:"vxe-drawer--content"},l?t.callSlot(l,{$drawer:t},e):(0,_utils.getFuncText)(o))]),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.border,o=t.showTitleBackground,a=t.slots,l=t.className,s=t.loading,u=t.lockScroll,d=t.padding,c=t.lockView,f=t.mask,p=t.resize,v=t.destroyOnClose,g=t.isWithinAppendTo,h=n.initialized,m=n.contentVisible,w=n.visible,r=r.aside||(void 0===a?{}:a).aside,a=t.computeSize,_=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),g?"ctx--within":"ctx--free",l||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--padding",d),"is--border",i),"is--title-bg",o),"lock--scroll",u),"lock--view",c),"is--mask",f),"is--visible",m),"is--active",w),"is--loading",s)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},h?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||v&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),p?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(_,"-resize"),attrs:{type:_},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.reFlag++},height:function(){this.reFlag++},position:function(){this.reFlag++},reFlag:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.width}},height:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.height}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minHeight}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.border}},showTitleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleBackground}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},isWithinAppendTo:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.isWithinAppendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:Function,slots:Object,useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().drawer.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){var e={beforeHideMethod:(0,_ui.getConfig)().drawer.beforeHideMethod};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1},defaultFuncProps:e,reFlag:0}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().modal.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-drawer--scrollbar-content-view"+(t?" "+t:""),viewInnerClassName:"vxe-drawer--scrollbar-content-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.position,t=this.width,r=this.height,n=this.getBox();return n&&("top"===e||"bottom"===e?n.style.height=(0,_dom.toCssUnit)(r):n.style.width=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<_store.allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(_store.allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=r.visible,i=t.beforeHideMethod||t.defaultFuncProps.beforeHideMethod,o={type:e};return n&&Promise.resolve(i?i(o):null).then(function(e){_xeUtils.default.isError(e)||((e=t.$refs.refElem)&&e.setAttribute("data-effect","y"),r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200),setTimeout(function(){var e=t.$refs.refElem;e&&e.removeAttribute("data-effect")},350))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),_store.allActiveDrawers.push(r),r.$nextTick(function(){var e=r.$refs.refElem;e&&e.setAttribute("data-effect","y")}),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10),setTimeout(function(){var e=r.$refs.refElem;e&&e.removeAttribute("data-effect")},350)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(_store.allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;_store.allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o,a,l,s,u,c,d,f,p,v,g,m,h,w,_,b=this,t=b,y=b.reactData,r=(e.preventDefault(),t.isWithinAppendTo),n=b.$refs.refElem,r=(0,_dom.getPopupWrapperElement)(r?n:document.body);r&&(o=r.clientWidth,a=r.clientHeight,l=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(t.minWidth),u=_xeUtils.default.toNumber(t.minHeight),c=o,d=a,f=b.getBox(),p=f.clientWidth,v=f.clientHeight,g=e.clientX,m=e.clientY,h=f.offsetTop,w=f.offsetLeft,_={type:"resize"},document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),l){case"wl":n=(t=g-e.clientX)+p,0<w-t&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=m-e.clientY,i=v+r,0<h-r&&u<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-g,w+(n=t+p)+0<o&&s<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-m,h+(i=r+v)+0<a&&u<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",b.dispatchEvent("resize",_,e),y.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,y.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)})},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useScrollbar,l=t.computeScrollbarProps,s=n.default||i.default,u=n.left||i.left,n=n.right||i.right,i=[];return i.push(r.useHtml&&!s?a?e(_scrollbar.default,{key:"shc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return[e("div",{class:"vxe-drawer--scrollbar-content-html",domProps:{innerHTML:(0,_utils.getFuncText)(o)}})]}}}):e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):a?e(_scrollbar.default,{key:"sdc",class:"vxe-drawer--scrollbar-content",props:l,scopedSlots:{default:function(){return s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o)}}}):e("div",{class:"vxe-drawer--content"},s?t.callSlot(s,{$drawer:t},e):(0,_utils.getFuncText)(o))),e("div",{class:"vxe-drawer--body"},[u?e("div",{class:"vxe-drawer--body-left"},t.callSlot(u,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},i),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.border,o=t.showTitleBackground,a=t.slots,l=t.className,s=t.loading,u=t.lockScroll,c=t.padding,d=t.lockView,f=t.mask,p=t.resize,v=t.destroyOnClose,g=t.isWithinAppendTo,m=n.initialized,h=n.contentVisible,w=n.visible,r=r.aside||(void 0===a?{}:a).aside,a=t.computeSize,_=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),g?"ctx--within":"ctx--free",l||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--padding",c),"is--border",i),"is--title-bg",o),"lock--scroll",u),"lock--view",d),"is--mask",f),"is--visible",h),"is--active",w),"is--loading",s)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},m?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||v&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),p?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(_,"-resize"),attrs:{type:_},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.reFlag++},height:function(){this.reFlag++},position:function(){this.reFlag++},reFlag:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(e)}});