vxe-pc-ui 4.20.1 → 4.20.2

package/lib/vxe-drawer/style/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/lib/vxe-drawer/style/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/lib/vxe-modal/style/style.css

@@ -50,7 +50,8 @@ html[data-vxe-lock-scroll] body {
 .vxe-modal--box.is--drag .vxe-modal--body {
   overflow: hidden;
 }
-.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content {
+.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content,
+.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--scrollbar-content {
   overflow: hidden;
 }
 
@@ -73,7 +74,8 @@ html[data-vxe-lock-scroll] body {
   font-size: 1.6em;
 }
 
-.vxe-modal--content {
+.vxe-modal--content,
+.vxe-modal--scrollbar-content {
   flex-grow: 1;
   white-space: pre-line;
 }
@@ -390,7 +392,9 @@ html[data-vxe-lock-scroll] body {
   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 {
+.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content,
+.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--scrollbar-content, .vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content,
+.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--scrollbar-content {
   max-width: 800px;
   float: left;
 }
@@ -413,7 +417,10 @@ html[data-vxe-lock-scroll] body {
 .vxe-modal--wrapper.type--modal .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body {
   overflow: auto;
 }
-.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content, .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,
+.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--scrollbar-content, .vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,
+.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--scrollbar-content, .vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,
+.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--scrollbar-content {
   overflow: auto;
 }
 .vxe-modal--wrapper.status--info .vxe-modal--status-wrapper {
@@ -449,4 +456,8 @@ html[data-vxe-lock-scroll] body {
 
 .vxe-modal--wrapper[data-effect] {
   overflow: hidden;
+}
+
+.vxe-modal--scrollbar-content {
+  width: 100%;
 }

package/lib/vxe-modal/style/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;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,.vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--scrollbar-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,.vxe-modal--scrollbar-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;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--message .vxe-modal--box .vxe-modal--scrollbar-content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--content,.vxe-modal--wrapper.type--notification .vxe-modal--box .vxe-modal--scrollbar-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--alert .vxe-modal--body .vxe-modal--scrollbar-content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--scrollbar-content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--scrollbar-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.20.1",
+  "version": "4.20.2",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -27,7 +27,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^4.4.28"
+    "@vxe-ui/core": "^4.4.31"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",

package/packages/card/src/card.ts

@@ -4,6 +4,7 @@ import XEUtils from 'xe-utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui'
 import { toCssUnit } from '../../ui/src/dom'
+import { getDefaultConfig } from '../../ui/src/utils'
 import VxeLoadingComponent from '../../loading'
 import VxeScrollbarComponent from '../../scrollbar'
 
@@ -38,7 +39,7 @@ export default defineVxeComponent({
     },
     useScrollbar: {
       type: Boolean as PropType<VxeCardPropTypes.UseScrollbar>,
-      default: () => getConfig().card.useScrollbar
+      default: () => getDefaultConfig(getConfig().card.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object as PropType<VxeCardPropTypes.ScrollbarConfig>
   },

package/packages/drawer/src/drawer.ts

@@ -1,13 +1,14 @@
-import { h, Teleport, ref, Ref, inject, reactive, nextTick, provide, watch, PropType, onMounted, onUnmounted, computed } from 'vue'
+import { h, Teleport, ref, Ref, inject, reactive, nextTick, provide, watch, PropType, onMounted, onUnmounted, computed, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { useSize, getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, renderEmptyElement } from '../../ui'
-import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
+import { getLastZIndex, nextZIndex, getFuncText, getDefaultConfig } from '../../ui/src/utils'
 import { getPopupContainer, getPopupWrapperElement, toCssUnit } from '../../ui/src/dom'
 import { allActiveDrawers } from './store'
 import { getSlotVNs } from '../../ui/src/vn'
 import VxeButtonComponent from '../../button'
 import VxeLoadingComponent from '../../loading'
+import VxeScrollbarComponent from '../../scrollbar'
 
 import type { VxeDrawerPropTypes, DrawerReactData, VxeDrawerEmits, DrawerPrivateRef, DrawerMethods, DrawerPrivateMethods, VxeDrawerPrivateComputed, VxeDrawerConstructor, VxeDrawerMethods, VxeButtonInstance, DrawerEventTypes, ValueOf, VxeModalConstructor, VxeModalMethods, VxeFormConstructor, VxeFormPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
@@ -144,7 +145,12 @@ export default defineVxeComponent({
       default: () => getConfig().drawer.size || getConfig().size
     },
     beforeHideMethod: Function as PropType<VxeDrawerPropTypes.BeforeHideMethod>,
-    slots: Object as PropType<VxeDrawerPropTypes.Slots>
+    slots: Object as PropType<VxeDrawerPropTypes.Slots>,
+    useScrollbar: {
+      type: Boolean as PropType<VxeDrawerPropTypes.UseScrollbar>,
+      default: () => getDefaultConfig(getConfig().drawer.useScrollbar, getConfig().useScrollbar)
+    },
+    scrollbarConfig: Object as PropType<VxeDrawerPropTypes.ScrollbarConfig>
   },
   emits: [
     'update:modelValue',
@@ -215,6 +221,27 @@ export default defineVxeComponent({
       return 'wl'
     })
 
+    const computeScrollbarOpts = computed(() => {
+      return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig)
+    })
+
+    const computeScrollbarProps = computed(() => {
+      const scrollbarOpts = computeScrollbarOpts.value
+      const { viewClassName, viewInnerClassName } = scrollbarOpts
+      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) : '')
+      }
+    })
+
     const computeMaps: VxeDrawerPrivateComputed = {
     }
 
@@ -537,10 +564,51 @@ export default defineVxeComponent({
     }
 
     const renderBody = () => {
-      const { slots: propSlots = {}, content, useHtml } = props
+      const { slots: propSlots = {}, content, useScrollbar, useHtml } = props
+      const scrollbarProps = computeScrollbarProps.value
       const defaultSlot = slots.default || propSlots.default
       const leftSlot = slots.left || propSlots.left
       const rightSlot = slots.right || propSlots.right
+      const contVNs: VNode[] = []
+      if (useHtml && !defaultSlot) {
+        contVNs.push(
+          useScrollbar
+            ? h(VxeScrollbarComponent, {
+              key: 'shc',
+              class: 'vxe-drawer--scrollbar-content',
+              ...scrollbarProps
+            }, {
+              default () {
+                return [
+                  h('div', {
+                    class: 'vxe-drawer--scrollbar-content-html',
+                    innerHTML: getFuncText(content)
+                  })
+                ]
+              }
+            })
+            : h('div', {
+              key: 'hc',
+              class: 'vxe-drawer--content',
+              innerHTML: getFuncText(content)
+            })
+        )
+      } else {
+        contVNs.push(
+          useScrollbar
+            ? h(VxeScrollbarComponent, {
+              key: 'sdc',
+              class: 'vxe-drawer--scrollbar-content',
+              ...scrollbarProps
+            }, {
+              default: () => defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content)
+            })
+            : h('div', {
+              key: 'dc',
+              class: 'vxe-drawer--content'
+            }, defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content))
+        )
+      }
       return h('div', {
         class: 'vxe-drawer--body'
       }, [
@@ -551,18 +619,7 @@ export default defineVxeComponent({
           : renderEmptyElement($xeDrawer),
         h('div', {
           class: 'vxe-drawer--body-default'
-        }, [
-          useHtml && !defaultSlot
-            ? h('div', {
-              key: 'hc',
-              class: 'vxe-drawer--content',
-              innerHTML: getFuncText(content)
-            })
-            : h('div', {
-              key: 'dc',
-              class: 'vxe-drawer--content'
-            }, defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content))
-        ]),
+        }, contVNs),
         rightSlot
           ? h('div', {
             class: 'vxe-drawer--body-right'

package/packages/layout-aside/src/layout-aside.ts

@@ -2,6 +2,7 @@ import { ref, h, reactive, computed, provide, PropType } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { toCssUnit } from '../../ui/src/dom'
 import { getConfig, useSize, createEvent } from '../../ui'
+import { getDefaultConfig } from '../../ui/src/utils'
 import XEUtils from 'xe-utils'
 import VxeLoadingComponent from '../../loading'
 import VxeScrollbarComponent from '../../scrollbar'
@@ -19,7 +20,7 @@ export default defineVxeComponent({
     collapseConfig: Object as PropType<VxeLayoutAsidePropTypes.CollapseConfig>,
     useScrollbar: {
       type: Boolean as PropType<VxeLayoutAsidePropTypes.UseScrollbar>,
-      default: () => getConfig().layoutAside.useScrollbar
+      default: () => getDefaultConfig(getConfig().layoutAside.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object as PropType<VxeLayoutAsidePropTypes.ScrollbarConfig>,
     size: {

package/packages/layout-body/src/layout-body.ts

@@ -2,6 +2,7 @@ import { ref, h, reactive, PropType, computed } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import { getConfig, useSize, createEvent, renderEmptyElement } from '../../ui'
 import XEUtils from 'xe-utils'
+import { getDefaultConfig } from '../../ui/src/utils'
 import VxeLoadingComponent from '../../loading'
 import VxeScrollbarComponent from '../../scrollbar'
 import VxeUIBacktopComponent from '../../backtop'
@@ -28,7 +29,7 @@ export default defineVxeComponent({
     backtopConfig: Object as PropType<VxeLayoutBodyPropTypes.BacktopConfig>,
     useScrollbar: {
       type: Boolean as PropType<VxeLayoutBodyPropTypes.UseScrollbar>,
-      default: () => getConfig().layoutBody.useScrollbar
+      default: () => getDefaultConfig(getConfig().layoutBody.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object as PropType<VxeLayoutBodyPropTypes.ScrollbarConfig>,
     size: {

package/packages/list/src/list.ts

@@ -63,8 +63,10 @@ function createInternalData (): ListInternalData {
     fullKeyMaps: {},
     rowMaps: {},
 
-    // 滚动条
     // resizeObserver: undefined,
+
+    // 滚动条
+    // scrollObserver: undefined,
     // isThumbDrag: false,
     thumbDragOffset: 0,
     yThumbTop: 0,
@@ -133,7 +135,7 @@ export default defineVxeComponent({
     scrollY: Object as PropType<VxeListPropTypes.ScrollY>,
     useScrollbar: {
       type: Boolean as PropType<VxeListPropTypes.UseScrollbar>,
-      default: () => getConfig().list.useScrollbar
+      default: () => getDefaultConfig(getConfig().list.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object as PropType<VxeListPropTypes.ScrollbarConfig>
   },
@@ -241,11 +243,8 @@ export default defineVxeComponent({
 
     const computeWrapperStyles = computed(() => {
       const rowHeight = computeRowHeight.value
-      const scrollbarOpts = computeScrollbarOpts.value
-      const scrollbarXOpts = computeScrollbarXOpts.value
-      const scrollbarYOpts = computeScrollbarYOpts.value
-      const barWidth = getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width)
-      const barHeight = getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height)
+      const barWidth = computeScrollYWidth.value
+      const barHeight = computeScrollXHeight.value
       const stys: VxeComponentStyleType = {}
       if (rowHeight) {
         stys['--vxe-ui-list-row-height'] = toCssUnit(rowHeight)
@@ -284,6 +283,18 @@ export default defineVxeComponent({
       return Object.assign({}, getConfig().scrollbar.yConfig, scrollbarOpts.yConfig)
     })
 
+    const computeScrollXHeight = computed(() => {
+      const scrollbarOpts = computeScrollbarOpts.value
+      const scrollbarXOpts = computeScrollbarXOpts.value
+      return getDefaultConfig(getDefaultConfig(scrollbarXOpts.height, scrollbarOpts.height), getConfig().scrollbar.height)
+    })
+
+    const computeScrollYWidth = computed(() => {
+      const scrollbarOpts = computeScrollbarOpts.value
+      const scrollbarYOpts = computeScrollbarYOpts.value
+      return getDefaultConfig(getDefaultConfig(scrollbarYOpts.width, scrollbarOpts.width), getConfig().scrollbar.width)
+    })
+
     const computeScrollXVisible = computed(() => {
       const scrollbarOpts = computeScrollbarOpts.value
       const scrollbarXOpts = computeScrollbarXOpts.value
@@ -309,15 +320,11 @@ export default defineVxeComponent({
     })
 
     const computeScrollbarWrapperClss = computed(() => {
-      const scrollbarOpts = computeScrollbarOpts.value
-      const { padding } = scrollbarOpts
       const { yThumbHeight, xThumbWidth } = reactData
       const scrollbarXToTop = computeScrollbarXToTop.value
       const scrollbarYToLeft = computeScrollbarYToLeft.value
       const scrollXVisible = computeScrollXVisible.value
       const scrollYVisible = computeScrollYVisible.value
-      const scrollXAutoHide = computeScrollXAutoHide.value
-      const scrollYAutoHide = computeScrollYAutoHide.value
       return domUtils.buildClass([
         'vxe-scrollbar is--virtual',
         `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}`,
@@ -325,9 +332,6 @@ export default defineVxeComponent({
         `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
       })
@@ -360,6 +364,11 @@ export default defineVxeComponent({
       return getRowIdByField(row, keyField)
     }
 
+    const getParentElem = () => {
+      const el = refElem.value
+      return el ? el.parentElement : null
+    }
+
     const calcTableHeight = (key: 'height' | 'maxHeight') => {
       const { parentHeight } = reactData
       const val = props[key]
@@ -2540,6 +2549,12 @@ export default defineVxeComponent({
     watch(computeRowHeight, () => {
       reFlag.value++
     })
+    watch(computeScrollYWidth, () => {
+      reFlag.value++
+    })
+    watch(computeScrollXHeight, () => {
+      reFlag.value++
+    })
     watch(computeScrollXVisible, () => {
       nextTick(() => {
         reFlag.value++
@@ -2605,20 +2620,32 @@ export default defineVxeComponent({
       if (useKey && !keyField) {
         errLog('vxe.error.reqSupportProp', ['row-config.useKey', 'row-config.keyField'])
       }
-      if (useScrollbar || autoResize) {
-        const el = refElem.value
+      const el = refElem.value
+      if (useScrollbar) {
         const viewInnerEl = refVirtualBody.value
-        const resizeObserver = globalResize.create(() => {
+        const scrollObserver = globalResize.create(() => {
           reFlag.value++
         })
         if (el) {
-          resizeObserver.observe(el)
-          if (autoResize) {
-            resizeObserver.observe(el.parentElement as HTMLDivElement)
-          }
+          scrollObserver.observe(el)
         }
         if (viewInnerEl) {
-          resizeObserver.observe(viewInnerEl)
+          scrollObserver.observe(viewInnerEl)
+        }
+        internalData.scrollObserver = scrollObserver
+      }
+      if (autoResize) {
+        const parentEl = getParentElem()
+        const resizeObserver = globalResize.create(() => {
+          if (props.autoResize) {
+            reFlag.value++
+          }
+        })
+        if (el) {
+          resizeObserver.observe(el)
+        }
+        if (parentEl) {
+          resizeObserver.observe(parentEl)
         }
         internalData.resizeObserver = resizeObserver
       }
@@ -2629,10 +2656,13 @@ export default defineVxeComponent({
     })
 
     onBeforeUnmount(() => {
-      const { resizeObserver } = internalData
+      const { scrollObserver, resizeObserver } = internalData
       if (resizeObserver) {
         resizeObserver.disconnect()
       }
+      if (scrollObserver) {
+        scrollObserver.disconnect()
+      }
       globalEvents.off($xeList, 'resize')
       XEUtils.assign(reactData, createReactData())
       XEUtils.assign(internalData, createInternalData())

package/packages/menu/src/menu.ts

@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, permission, useSize, globalEvents, renderEmptyElement } from '../../ui'
 import { getPopupContainer, scrollToView, toCssUnit } from '../../ui/src/dom'
-import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
+import { getLastZIndex, nextZIndex, isEnableConf, getDefaultConfig } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createComponentLog } from '../../ui/src/log'
 import VxeLoadingComponent from '../../loading'
@@ -74,7 +74,7 @@ export default defineVxeComponent({
     menuConfig: Object as PropType<VxeMenuPropTypes.MenuConfig>,
     useScrollbar: {
       type: Boolean as PropType<VxeMenuPropTypes.UseScrollbar>,
-      default: () => getConfig().menu.useScrollbar
+      default: () => getDefaultConfig(getConfig().menu.useScrollbar, getConfig().useScrollbar)
     },
     scrollbarConfig: Object as PropType<VxeMenuPropTypes.ScrollbarConfig>,
     appendTo: {