vxe-pc-ui 3.20.8 → 3.20.9

package/es/tabs/src/tabs.js

@@ -14,7 +14,8 @@ const scrollbarOffsetSize = 20;
 export default {
     name: 'VxeTabs',
     mixins: [
-        globalMixins.sizeMixin
+        globalMixins.sizeMixin,
+        globalMixins.vScrollbarMixin
     ],
     props: {
         value: [String, Number, Boolean],

package/es/tooltip/src/tooltip.js

@@ -33,7 +33,8 @@ function createInternalData() {
 export default {
     name: 'VxeTooltip',
     mixins: [
-        globalMixins.sizeMixin
+        globalMixins.sizeMixin,
+        globalMixins.vScrollbarMixin
     ],
     props: {
         value: Boolean,
@@ -265,11 +266,12 @@ export default {
         },
         updatePlacement() {
             const $xeTooltip = this;
-            $xeTooltip.updateTipStyle();
-            return $xeTooltip.$nextTick().then(() => {
+            return $xeTooltip.updateTipStyle().then(() => {
                 return $xeTooltip.updateTipStyle();
             }).then(() => {
-                return $xeTooltip.updateTipStyle();
+                setTimeout(() => {
+                    return $xeTooltip.updateTipStyle();
+                }, 15);
             });
         },
         isActived() {
@@ -460,8 +462,9 @@ export default {
             const props = $xeTooltip;
             const slots = $xeTooltip.$scopedSlots;
             const reactData = $xeTooltip.reactData;
-            const { useHtml, theme, useScrollbar, useHTML } = props;
+            const { useHtml, theme, useHTML } = props;
             const { tipContent } = reactData;
+            const isVScrollbar = $xeTooltip.computeIsVScrollbar;
             const wrapperStyle = $xeTooltip.computeWrapperStyle;
             const contentSlot = slots.content;
             const contVNs = [];
@@ -483,7 +486,7 @@ export default {
                     key: 'cd'
                 }, `${tipContent}`));
             }
-            if (useScrollbar) {
+            if (isVScrollbar) {
                 return h(VxeScrollbarComponent, {
                     key: 5,
                     ref: 'contentScrollbar',

package/es/tree/src/tree.js

@@ -567,7 +567,8 @@ function createInternalData() {
 export default {
     name: 'VxeTree',
     mixins: [
-        globalMixins.sizeMixin
+        globalMixins.sizeMixin,
+        globalMixins.vScrollbarMixin
     ],
     props: {
         data: Array,
@@ -713,7 +714,7 @@ export default {
         const xID = XEUtils.uniqueId();
         const reactData = createReactData();
         return Object.assign(Object.assign({}, {}), { xID,
-            reactData, crossTreeDragNodeInfo: crossTreeDragNodeGlobal, reFlag: 0, dataFlag: 0 });
+            reactData, crossTreeDragNodeInfo: crossTreeDragNodeGlobal, reLayoutFlag: 0, reScrollFlag: 0, dataFlag: 0 });
     },
     computed: Object.assign(Object.assign({}, {}), { computeTitleField() {
             const $xeTree = this;
@@ -1566,8 +1567,14 @@ export default {
         },
         updateScrollbar() {
             const $xeTree = this;
-            $xeTree.updateThumbSize();
-            $xeTree.updateThumbOffset();
+            const isVScrollbar = $xeTree.computeIsVScrollbar;
+            if (isVScrollbar) {
+                return $xeTree.$nextTick().then(() => {
+                    $xeTree.updateThumbSize();
+                    $xeTree.updateThumbOffset();
+                });
+            }
+            return Promise.resolve();
         },
         /**
          * 重新计算列表
@@ -1593,11 +1600,11 @@ export default {
                     const parentPaddingSize = getPaddingTopBottomSize(parentEl);
                     reactData.parentHeight = Math.max(headHeight + footHeight + rowHeight, parentEl.clientHeight - parentPaddingSize - headHeight - footHeight);
                 }
-                $xeTree.updateScrollbar();
                 $xeTree.updateHeight();
                 return $xeTree.computeScrollLoad().then(() => {
                     $xeTree.updateHeight();
                     $xeTree.updateYSpace();
+                    $xeTree.updateScrollbar();
                 });
             }
             return $xeTree.$nextTick();
@@ -1633,7 +1640,7 @@ export default {
             const $xeTree = this;
             const reactData = $xeTree.reactData;
             const internalData = $xeTree.internalData;
-            const scrollBodyElem = evnt.target;
+            const scrollBodyElem = evnt.currentTarget;
             const scrollTop = scrollBodyElem.scrollTop;
             const scrollLeft = scrollBodyElem.scrollLeft;
             const isX = scrollLeft !== internalData.lastScrollLeft;
@@ -3274,6 +3281,28 @@ export default {
             }
         },
         // 滚动条
+        bindScrollbarResize() {
+            const $xeTree = this;
+            const internalData = $xeTree.internalData;
+            const isVScrollbar = $xeTree.computeIsVScrollbar;
+            const { scrollObserver } = internalData;
+            if (isVScrollbar) {
+                if (!scrollObserver) {
+                    const el = $xeTree.$refs.refElem;
+                    const viewInnerEl = $xeTree.$refs.refVirtualSpaceElem;
+                    const scrollObserver = globalResize.create(() => {
+                        $xeTree.reScrollFlag++;
+                    });
+                    if (el) {
+                        scrollObserver.observe(el);
+                    }
+                    if (viewInnerEl) {
+                        scrollObserver.observe(viewInnerEl);
+                    }
+                    internalData.scrollObserver = scrollObserver;
+                }
+            }
+        },
         updateThumbSize() {
             const $xeTree = this;
             const reactData = $xeTree.reactData;
@@ -3793,9 +3822,10 @@ export default {
             const props = $xeTree;
             const slots = $xeTree.$scopedSlots;
             const reactData = $xeTree.reactData;
-            const { loading, trigger, showLine, useScrollbar } = props;
+            const { loading, trigger, showLine } = props;
             const { bodyHeight, topSpaceHeight, treeList, tooltipStore, xThumbWidth, yThumbHeight } = reactData;
             const vSize = $xeTree.computeSize;
+            const isVScrollbar = $xeTree.computeIsVScrollbar;
             const radioOpts = $xeTree.computeRadioOpts;
             const checkboxOpts = $xeTree.computeCheckboxOpts;
             const loadingOpts = $xeTree.computeLoadingOpts;
@@ -3824,17 +3854,17 @@ export default {
                 ref: 'refElem',
                 class: [
                     'vxe-tree',
-                    useScrollbar ? `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}` : '',
-                    useScrollbar ? `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}` : '',
-                    useScrollbar ? `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}` : '',
-                    useScrollbar ? `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}` : '',
+                    isVScrollbar ? `ov-x--${scrollXVisible === false ? 'hidden' : 'visible'}` : '',
+                    isVScrollbar ? `ov-y--${scrollYVisible === false ? 'hidden' : 'visible'}` : '',
+                    isVScrollbar ? `sx-pos--${scrollbarXToTop ? 'top' : 'bottom'}` : '',
+                    isVScrollbar ? `sy-pos--${scrollbarYToLeft ? 'left' : 'right'}` : '',
                     {
                         [`size--${vSize}`]: vSize,
                         'show--line': showLine,
-                        'is--virtual-scrollbar': useScrollbar,
-                        'ov-padding': useScrollbar && scrollbarOpts.padding,
-                        'ov-x--auto-hide': useScrollbar && scrollXAutoHide,
-                        'ov-y--auto-hide': useScrollbar && scrollYAutoHide,
+                        'is--virtual-scrollbar': isVScrollbar,
+                        'ov-padding': isVScrollbar && scrollbarOpts.padding,
+                        'ov-x--auto-hide': isVScrollbar && scrollXAutoHide,
+                        'ov-y--auto-hide': isVScrollbar && scrollYAutoHide,
                         'overflow-y': yThumbHeight,
                         'overflow-x': xThumbWidth,
                         'checkbox--highlight': checkboxOpts.highlight,
@@ -3862,6 +3892,7 @@ export default {
                     }
                 }, [
                     h('div', {
+                        ref: 'refVirtualSpaceElem',
                         class: 'vxe-tree--y-space',
                         style: {
                             height: bodyHeight ? `${bodyHeight}px` : ''
@@ -3884,7 +3915,7 @@ export default {
                 /**
                  * 滚动条
                  */
-                useScrollbar
+                isVScrollbar
                     ? h('div', {
                         class: scrollbarWrapperClss
                     }, [
@@ -4021,45 +4052,56 @@ export default {
         },
         height() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         },
         minHeight() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         },
         maxHeight() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         },
-        useScrollbar() {
+        computeIsVScrollbar() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.$nextTick(() => {
+                $xeTree.bindScrollbarResize();
+                $xeTree.$nextTick(() => {
+                    $xeTree.reLayoutFlag++;
+                });
+            });
         },
         computeScrollYWidth() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         },
         computeScrollXHeight() {
             const $xeTree = this;
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         },
         computeScrollXVisible() {
             const $xeTree = this;
             $xeTree.$nextTick(() => {
-                $xeTree.reFlag++;
+                $xeTree.reLayoutFlag++;
             });
         },
         computeScrollYVisible() {
             const $xeTree = this;
             $xeTree.$nextTick(() => {
-                $xeTree.reFlag++;
+                $xeTree.reLayoutFlag++;
             });
         },
-        reFlag() {
+        reLayoutFlag() {
             const $xeTree = this;
             $xeTree.recalculate().then(() => {
                 $xeTree.recalculate();
             });
+        },
+        reScrollFlag() {
+            const $xeTree = this;
+            $xeTree.updateScrollbar().then(() => {
+                $xeTree.updateScrollbar();
+            });
         }
     },
     created() {
@@ -4074,7 +4116,7 @@ export default {
         const $xeTree = this;
         const props = $xeTree;
         const internalData = $xeTree.internalData;
-        const { transform, drag, menuConfig, showOverflow, lazy, loadMethod, autoResize, useScrollbar } = props;
+        const { transform, drag, menuConfig, showOverflow, lazy, loadMethod, autoResize } = props;
         const dragOpts = $xeTree.computeDragOpts;
         if (!showOverflow) {
             errLog('vxe.error.errProp', ['show-overflow=false', 'show-overflow=true']);
@@ -4095,25 +4137,12 @@ export default {
         if (menuConfig && !VxeUIContextMenu) {
             errLog('vxe.error.reqComp', ['vxe-context-menu']);
         }
-        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 el = $xeTree.$refs.refElem;
             const parentEl = $xeTree.getParentElem();
             const resizeObserver = globalResize.create(() => {
                 if (props.autoResize) {
-                    $xeTree.reFlag++;
+                    $xeTree.reLayoutFlag++;
                 }
             });
             if (el) {
@@ -4124,9 +4153,10 @@ export default {
             }
             internalData.resizeObserver = resizeObserver;
         }
-        $xeTree.reFlag++;
+        $xeTree.reLayoutFlag++;
+        $xeTree.bindScrollbarResize();
         globalEvents.on($xeTree, 'resize', () => {
-            $xeTree.reFlag++;
+            $xeTree.reLayoutFlag++;
         });
     },
     beforeDestroy() {

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.8";
+export const version = "3.20.9";
 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.8"}`;
+const uiVersion = `ui v${"3.20.9"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/lib/card/src/card.js

@@ -19,7 +19,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeCard',
-  mixins: [_ui.globalMixins.sizeMixin],
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.vScrollbarMixin],
   props: {
     title: String,
     showTitleOverflow: {

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"),_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)}});
+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,_ui.globalMixins.vScrollbarMixin],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

@@ -21,7 +21,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeDrawer',
-  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.vScrollbarMixin, _ui.globalMixins.permissionMixin],
   props: {
     value: Boolean,
     id: String,

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")),_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)}});
+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.vScrollbarMixin,_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)}});