vxe-pc-ui 3.14.9 → 3.14.11

package/es/button/src/button.js

@@ -549,7 +549,7 @@ export default {
         renderTooltipIcon(h, tipOpts, type) {
             return h(VxeTooltipComponent, {
                 props: {
-                    useHTML: tipOpts.useHTML,
+                    useHtml: XEUtils.isBoolean(tipOpts.useHtml) ? tipOpts.useHtml : tipOpts.useHTML,
                     content: tipOpts.content,
                     enterable: tipOpts.enterable,
                     theme: tipOpts.theme

package/es/drawer/src/drawer.js

@@ -64,6 +64,10 @@ export default {
             default: () => getConfig().drawer.showClose
         },
         content: [Number, String],
+        useHtml: {
+            type: Boolean,
+            default: () => getConfig().drawer.useHtml
+        },
         showCancelButton: {
             type: Boolean,
             default: null
@@ -513,7 +517,7 @@ export default {
             const $xeDrawer = this;
             const props = $xeDrawer;
             const slots = $xeDrawer.$scopedSlots;
-            const { slots: propSlots = {}, content } = props;
+            const { slots: propSlots = {}, content, useHtml } = props;
             const defaultSlot = slots.default || propSlots.default;
             const leftSlot = slots.left || propSlots.left;
             const rightSlot = slots.right || propSlots.right;
@@ -528,9 +532,17 @@ export default {
                 h('div', {
                     class: 'vxe-drawer--body-default'
                 }, [
-                    h('div', {
-                        class: 'vxe-drawer--content'
-                    }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, { $drawer: $xeDrawer }, h) : getFuncText(content))
+                    useHtml && !defaultSlot
+                        ? h('div', {
+                            key: 'hc',
+                            class: 'vxe-drawer--content',
+                            domProps: {
+                                innerHTML: getFuncText(content)
+                            }
+                        })
+                        : h('div', {
+                            class: 'vxe-drawer--content'
+                        }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, { $drawer: $xeDrawer }, h) : getFuncText(content))
                 ]),
                 rightSlot
                     ? h('div', {

package/es/modal/src/modal.js

@@ -43,6 +43,10 @@ export default {
             default: () => getConfig().modal.duration
         },
         content: [Number, String],
+        useHtml: {
+            type: Boolean,
+            default: () => getConfig().modal.useHtml
+        },
         showCancelButton: {
             type: Boolean,
             default: null
@@ -1354,7 +1358,7 @@ export default {
             const $xeModal = this;
             const props = $xeModal;
             const slots = $xeModal.$scopedSlots;
-            const { slots: propSlots = {}, status, message, iconStatus } = props;
+            const { slots: propSlots = {}, status, message, iconStatus, useHtml } = props;
             const content = props.content || message;
             const isMsg = $xeModal.computeIsMsg;
             const defaultSlot = slots.default || propSlots.default;
@@ -1370,9 +1374,18 @@ export default {
                     })
                 ]));
             }
-            contVNs.push(h('div', {
-                class: 'vxe-modal--content'
-            }, defaultSlot ? $xeModal.callSlot(defaultSlot, { $modal: $xeModal }, h) : getFuncText(content)));
+            contVNs.push(useHtml && !defaultSlot
+                ? h('div', {
+                    key: 'hc',
+                    class: 'vxe-modal--content',
+                    domProps: {
+                        innerHTML: getFuncText(content)
+                    }
+                })
+                : h('div', {
+                    key: 'dc',
+                    class: 'vxe-modal--content'
+                }, defaultSlot ? $xeModal.callSlot(defaultSlot, { $modal: $xeModal }, h) : getFuncText(content)));
             return h('div', {
                 class: 'vxe-modal--body'
             }, [

package/es/tooltip/src/tooltip.js

@@ -28,7 +28,15 @@ export default {
             type: [String, Number],
             default: null
         },
-        useHTML: Boolean,
+        useHtml: {
+            type: Boolean,
+            default: () => XEUtils.isBoolean(getConfig().tooltip.useHtml) ? getConfig().tooltip.useHtml : null
+        },
+        // 已废弃，请使用 useHtml
+        useHTML: {
+            type: Boolean,
+            default: () => getConfig().tooltip.useHTML
+        },
         zIndex: [String, Number],
         popupClassName: [String, Function],
         width: {
@@ -465,27 +473,27 @@ export default {
             const props = $xeTooltip;
             const slots = $xeTooltip.$scopedSlots;
             const reactData = $xeTooltip.reactData;
-            const { useHTML } = props;
+            const { useHtml, useHTML } = props;
             const { tipContent } = reactData;
             const wrapperStyle = $xeTooltip.computeWrapperStyle;
             const contentSlot = slots.content;
             const contVNs = [];
             if (contentSlot) {
                 contVNs.push(h('div', {
-                    key: 1
+                    key: 'ct'
                 }, getSlotVNs(contentSlot({}))));
             }
-            else if (useHTML) {
+            else if (XEUtils.isBoolean(useHtml) ? useHtml : useHTML) {
                 contVNs.push(h('div', {
-                    key: 2,
-                    props: {
+                    key: 'ch',
+                    domProps: {
                         innerHTML: tipContent
                     }
                 }));
             }
             else {
                 contVNs.push(h('span', {
-                    key: 3
+                    key: 'cd'
                 }, `${tipContent}`));
             }
             return h('div', {

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.14.9";
+export const version = "3.14.11";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -128,6 +128,7 @@ setConfig({
     },
     drawer: {
         // size: null,
+        // useHtml: false,
         position: 'right',
         showHeader: true,
         lockView: true,
@@ -227,6 +228,7 @@ setConfig({
         // size: null,
         top: 16,
         showHeader: true,
+        // useHtml: false,
         // width: null,
         // height: null,
         minWidth: 340,

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"3.14.9"}`;
+const version = `ui v${"3.14.11"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/button/src/button.js

@@ -579,7 +579,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     renderTooltipIcon: function renderTooltipIcon(h, tipOpts, type) {
       return h(_tooltip.default, {
         props: {
-          useHTML: tipOpts.useHTML,
+          useHtml: _xeUtils.default.isBoolean(tipOpts.useHtml) ? tipOpts.useHtml : tipOpts.useHTML,
           content: tipOpts.content,
           enterable: tipOpts.enterable,
           theme: tipOpts.theme

package/lib/button/src/button.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));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,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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 n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size}},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:function(){return(0,_ui.getConfig)().button.trigger}},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.showDropdownIcon}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeTree:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeTree,i=e.$xeModal,o=e.$xeDrawer,r=e.$xeForm,s=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===s){e=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||n||i||o||r)return!0}return s},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnAlign:function(){var e=this.align,t=this.$xeButtonGroup;return e||!!t&&t.align},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle},computeDownBtnList:function(){var e=this.options;return e?e.filter(function(e){e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.popupConfig,this.popupConfig)},computePrefixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,this.prefixTooltip)},computeSuffixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,this.suffixTooltip)}}),methods:{dispatchEvent:function(e,t,n){this.$emit((0,_vn.getEventCaseName)(this,e),(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=e.reactData,n=e.internalData,i=e.trigger,o=e.computeBtnTransfer,r=e.$refs.refBtnPanel;return r&&(r.dataset.active="Y",t.initialized||(t.initialized=!0,o&&document.body.appendChild(r)),n.showTime=setTimeout(function(){"Y"===r.dataset.active?e.mouseenterDropdownEvent():t.isAniVisible=!1},"click"===i?50:250)),e.$nextTick()},closePanel:function(){return this.hidePanel()},hidePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.isAniVisible=!1)},350))},100)):(e.isAniVisible=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(r,s,{placement:a.placement||i,defaultPlacement:a.defaultPlacement,teleportTo:u}),t=Object.assign(e.style,{zIndex:o});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,o=n.panelIndex,r=t.$refs.refButton,s=t.$refs.refBtnPanel,u=t.computeBtnTransfer,a=t.computePopupOpts;return e(),t.$nextTick().then(e)},clickEvent:function(e){var t=this.$xeButtonGroup;t&&t.handleClick({name:this.name},e),this.dispatchEvent("click",{$event:e},e)},downBtnClickEvent:function(e,t){e=e.$event;this.hidePanel(),this.dispatchEvent("dropdown-click",{name:t.name,option:t},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,i=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),o=n.flag,n=n.targetElem;o&&(i&&(i.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){i&&"Y"===i.dataset.active||(t.isAniVisible=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),option:null,$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=e.reactData,n=e.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.isAniVisible=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){var t=this.loading;this.computeBtnDisabled||t||(this.openPanel(),this.mouseenterEvent(e))},mouseleaveTargetEvent:function(e){this.hidePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},contextmenuEvent:function(e){this.dispatchEvent("contextmenu",{},e)},clickTargetEvent:function(e){var t=this,n=t.reactData,i=t.loading;t.computeBtnDisabled||i||("click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.openPanel()),t.clickEvent(e))},mouseleaveDropdownEvent:function(){this.hidePanel()},handleGlobalMousewheelEvent:function(e){var t=this.reactData,n=this.$refs.refBtnPanel;t.visiblePanel&&!(0,_dom.getEventTargetNode)(e,n).flag&&this.hidePanel()},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,r=o.visiblePanel;i.computeBtnDisabled||(t=i.$refs.refElem,n=i.$refs.refBtnPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,r&&!o.isActivated&&i.hidePanel())},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderTooltipIcon:function(e,t,n){return e(_tooltip.default,{props:{useHTML:t.useHTML,content:t.content,enterable:t.enterable,theme:t.theme},scopedSlots:{default:function(){return e("span",{class:"vxe-button--item vxe-button--tooltip-".concat(n,"-icon")},[e("i",{class:t.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}})},renderContent:function(e){var t=this,n=t.$scopedSlots,i=t.content,o=t.suffixIcon,r=t.loading,s=t.suffixTooltip,u=t.suffixRender,a=t.prefixIcon||t.icon,l=t.prefixRender||t.iconRender,c=t.computeSuffixTipOpts,d=n.prefix||n.icon,p=n.suffix,n=n.default,f=[];return t.prefixTooltip&&f.push(t.renderTooltipIcon(e,t.computePrefixTipOpts,"prefix")),r?f.push(e("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):d?f.push(e("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},d.call(t,{}))):l?(d=(r=_ui.renderer.get(l.name))?r.renderButtonPrefix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},d?(0,_vn.getSlotVNs)(d.call(t,e,l,{$button:t})):[]))):a&&f.push(e("i",{class:["vxe-button--item vxe-button--prefix-icon",a]})),n?f.push(e("span",{class:"vxe-button--item vxe-button--content"},n.call(t,{}))):i&&f.push(e("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(i))),p?f.push(e("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},p.call(t,{}))):u?(d=(r=_ui.renderer.get(u.name))?r.renderButtonSuffix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},d?(0,_vn.getSlotVNs)(d.call(t,e,u,{$button:t})):[]))):o&&f.push(e("i",{class:["vxe-button--item vxe-button--suffix-icon",o]})),s&&f.push(t.renderTooltipIcon(e,c,"suffix")),f},renderVN:function(n){var e,t,i=this,o=i.$scopedSlots,r=i.reactData,s=i.className,u=i.trigger,a=i.title,l=i.routerLink,c=i.type,d=i.destroyOnClose,p=i.name,f=i.loading,m=i.shadow,v=i.showDropdownIcon,b=r.initialized,x=r.isAniVisible,h=r.visiblePanel,g=i.computeIsFormBtn,_=i.computeBtnMode,P=i.computeBtnStatus,y=i.computeBtnRound,B=i.computeBtnCircle,E=i.computeBtnTransfer,T=i.computeBtnAlign,w=i.computeBtnDisabled,$=i.computeDownBtnList,D=i.computeSize,o=o.dropdowns,O=i.computePopupOpts.className||i.popupClassName;return i.computePermissionInfo.visible?o||$.length?(e={contextmenu:i.contextmenuEvent},t={},"hover"===u&&(e.mouseenter=i.mouseenterTargetEvent,e.mouseleave=i.mouseleaveTargetEvent,t.mouseenter=i.mouseenterDropdownEvent,t.mouseleave=i.mouseleaveDropdownEvent),n("div",{ref:"refElem",class:["vxe-button--dropdown",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty({},"size--".concat(D),D),"is--active",h)]},[l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f,custom:!0,to:l},on:Object.assign({click:i.clickTargetEvent},e)},i.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f},on:Object.assign({click:i.clickTargetEvent},e)},i.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])),n("div",{ref:"refBtnPanel",class:["vxe-button--dropdown-panel",O?_xeUtils.default.isFunction(O)?O({$button:i}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"is--transfer",E),"ani--leave",x),"ani--enter",h)],attrs:{placement:r.panelPlacement},style:r.panelStyle,on:t},b&&(h||x)?[o?n("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:i.mousedownDropdownEvent,click:i.clickDropdownEvent}},b&&(!d||h||x)?o.call(i,{}):[]):n("div",{class:"vxe-button--dropdown-wrapper"},b&&(!d||h||x)?$.map(function(t,e){return n("vxe-button",{key:e,props:{type:t.type,mode:t.mode||_,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==_&&y,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==_&&B,disabled:t.disabled,loading:t.loading,align:t.align},on:{click:function(e){i.downBtnClickEvent(e,t)}}})}):[])]:[])])):l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],props:{title:a,name:p,type:g?c:"button",disabled:w||f,custom:!0,to:l},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent,contextmenu:i.contextmenuEvent}},i.renderContent(n)):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent,contextmenu:i.contextmenuEvent}},i.renderContent(n)):(0,_ui.renderEmptyElement)(i)}},mounted:function(){var e=this;"text"===e.type&&(0,_log.warnLog)("vxe.error.delProp",["[button] type=text","mode=text"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_comp=require("../../ui/src/comp"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip"));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,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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 n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);n=n.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeButton",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().button.size||(0,_ui.getConfig)().size}},zIndex:Number,name:[String,Number],routerLink:Object,permissionCode:[String,Number],content:String,placement:String,status:String,title:String,shadow:Boolean,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:function(){return(0,_ui.getConfig)().button.trigger}},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.showDropdownIcon}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().button.destroyOnClose}},popupConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeTree:{default:null},$xeForm:{default:null},$xeButtonGroup:{default:null}},data:function(){var e={showTime:void 0};return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""},internalData:e}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,n=e.$xeTree,i=e.$xeModal,o=e.$xeDrawer,r=e.$xeForm,s=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===s){e=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(e))return e;if(t||n||i||o||r)return!0}return s},computeBtnDisabled:function(){var e=this.disabled,t=this.computePermissionInfo;return e||t.disabled},computeIsFormBtn:function(){var e=this.type;return!!e&&-1<["submit","reset","button"].indexOf(e)},computeBtnMode:function(){var e=this.type,t=this.mode,n=this.$xeButtonGroup;return"text"===t||"text"===e||n&&"text"===n.mode?"text":"button"},computeBtnStatus:function(){var e=this.status,t=this.$xeButtonGroup;return e||(t?t.status:"")},computeBtnRound:function(){var e=this.round,t=this.$xeButtonGroup;return e||!!t&&t.round},computeBtnAlign:function(){var e=this.align,t=this.$xeButtonGroup;return e||!!t&&t.align},computeBtnCircle:function(){var e=this.circle,t=this.$xeButtonGroup;return e||!!t&&t.circle},computeDownBtnList:function(){var e=this.options;return e?e.filter(function(e){e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.popupConfig,this.popupConfig)},computePrefixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,this.prefixTooltip)},computeSuffixTipOpts:function(){return Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,this.suffixTooltip)}}),methods:{dispatchEvent:function(e,t,n){this.$emit((0,_vn.getEventCaseName)(this,e),(0,_ui.createEvent)(n,{$button:this},t))},openPanel:function(){var e=this,t=e.reactData,n=e.internalData,i=e.trigger,o=e.computeBtnTransfer,r=e.$refs.refBtnPanel;return r&&(r.dataset.active="Y",t.initialized||(t.initialized=!0,o&&document.body.appendChild(r)),n.showTime=setTimeout(function(){"Y"===r.dataset.active?e.mouseenterDropdownEvent():t.isAniVisible=!1},"click"===i?50:250)),e.$nextTick()},closePanel:function(){return this.hidePanel()},hidePanel:function(){var e=this.reactData,t=this.internalData,n=this.$refs.refBtnPanel;return clearTimeout(t.showTime),n?(n.dataset.active="N",setTimeout(function(){"Y"!==n.dataset.active&&(e.visiblePanel=!1,setTimeout(function(){"Y"!==n.dataset.active&&(e.isAniVisible=!1)},350))},100)):(e.isAniVisible=!1,e.visiblePanel=!1),this.$nextTick()},focus:function(){var e=this.$refs.refButton;return e&&e.focus(),this.$nextTick()},blur:function(){var e=this.$refs.refButton;return e&&e.blur(),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(r,s,{placement:a.placement||i,defaultPlacement:a.defaultPlacement,teleportTo:u}),t=Object.assign(e.style,{zIndex:o});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,o=n.panelIndex,r=t.$refs.refButton,s=t.$refs.refBtnPanel,u=t.computeBtnTransfer,a=t.computePopupOpts;return e(),t.$nextTick().then(e)},clickEvent:function(e){var t=this.$xeButtonGroup;t&&t.handleClick({name:this.name},e),this.dispatchEvent("click",{$event:e},e)},downBtnClickEvent:function(e,t){e=e.$event;this.hidePanel(),this.dispatchEvent("dropdown-click",{name:t.name,option:t},e)},mousedownDropdownEvent:function(e){0===e.button&&e.stopPropagation()},clickDropdownEvent:function(e){var t=this.reactData,n=e.currentTarget,i=this.$refs.refBtnPanel,n=(0,_dom.getEventTargetNode)(e,n,"vxe-button"),o=n.flag,n=n.targetElem;o&&(i&&(i.dataset.active="N"),t.visiblePanel=!1,setTimeout(function(){i&&"Y"===i.dataset.active||(t.isAniVisible=!1)},350),this.dispatchEvent("dropdown-click",{name:n.getAttribute("name"),option:null,$event:e},e))},mouseenterDropdownEvent:function(){var e=this,t=e.reactData,n=e.$refs.refBtnPanel;n&&(n.dataset.active="Y",t.isAniVisible=!0,setTimeout(function(){"Y"===n.dataset.active&&(t.visiblePanel=!0,e.updateZindex(),e.updatePlacement(),setTimeout(function(){t.visiblePanel&&e.updatePlacement()},50))},20))},mouseenterTargetEvent:function(e){var t=this.loading;this.computeBtnDisabled||t||(this.openPanel(),this.mouseenterEvent(e))},mouseleaveTargetEvent:function(e){this.hidePanel(),this.mouseleaveEvent(e)},mouseenterEvent:function(e){this.dispatchEvent("mouseenter",{},e)},mouseleaveEvent:function(e){this.dispatchEvent("mouseleave",{},e)},contextmenuEvent:function(e){this.dispatchEvent("contextmenu",{},e)},clickTargetEvent:function(e){var t=this,n=t.reactData,i=t.loading;t.computeBtnDisabled||i||("click"===t.trigger&&(n.visiblePanel?t.hidePanel():t.openPanel()),t.clickEvent(e))},mouseleaveDropdownEvent:function(){this.hidePanel()},handleGlobalMousewheelEvent:function(e){var t=this.reactData,n=this.$refs.refBtnPanel;t.visiblePanel&&!(0,_dom.getEventTargetNode)(e,n).flag&&this.hidePanel()},handleGlobalMousedownEvent:function(e){var t,n,i=this,o=i.reactData,r=o.visiblePanel;i.computeBtnDisabled||(t=i.$refs.refElem,n=i.$refs.refBtnPanel,o.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,r&&!o.isActivated&&i.hidePanel())},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},renderTooltipIcon:function(e,t,n){return e(_tooltip.default,{props:{useHtml:_xeUtils.default.isBoolean(t.useHtml)?t.useHtml:t.useHTML,content:t.content,enterable:t.enterable,theme:t.theme},scopedSlots:{default:function(){return e("span",{class:"vxe-button--item vxe-button--tooltip-".concat(n,"-icon")},[e("i",{class:t.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}})},renderContent:function(e){var t=this,n=t.$scopedSlots,i=t.content,o=t.suffixIcon,r=t.loading,s=t.suffixTooltip,u=t.suffixRender,a=t.prefixIcon||t.icon,l=t.prefixRender||t.iconRender,c=t.computeSuffixTipOpts,d=n.prefix||n.icon,p=n.suffix,n=n.default,f=[];return t.prefixTooltip&&f.push(t.renderTooltipIcon(e,t.computePrefixTipOpts,"prefix")),r?f.push(e("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):d?f.push(e("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},d.call(t,{}))):l?(d=(r=_ui.renderer.get(l.name))?r.renderButtonPrefix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},d?(0,_vn.getSlotVNs)(d.call(t,e,l,{$button:t})):[]))):a&&f.push(e("i",{class:["vxe-button--item vxe-button--prefix-icon",a]})),n?f.push(e("span",{class:"vxe-button--item vxe-button--content"},n.call(t,{}))):i&&f.push(e("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(i))),p?f.push(e("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},p.call(t,{}))):u?(d=(r=_ui.renderer.get(u.name))?r.renderButtonSuffix:null,f.push(e("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},d?(0,_vn.getSlotVNs)(d.call(t,e,u,{$button:t})):[]))):o&&f.push(e("i",{class:["vxe-button--item vxe-button--suffix-icon",o]})),s&&f.push(t.renderTooltipIcon(e,c,"suffix")),f},renderVN:function(n){var e,t,i=this,o=i.$scopedSlots,r=i.reactData,s=i.className,u=i.trigger,a=i.title,l=i.routerLink,c=i.type,d=i.destroyOnClose,p=i.name,f=i.loading,m=i.shadow,v=i.showDropdownIcon,b=r.initialized,x=r.isAniVisible,h=r.visiblePanel,g=i.computeIsFormBtn,_=i.computeBtnMode,P=i.computeBtnStatus,y=i.computeBtnRound,B=i.computeBtnCircle,E=i.computeBtnTransfer,T=i.computeBtnAlign,w=i.computeBtnDisabled,$=i.computeDownBtnList,D=i.computeSize,o=o.dropdowns,O=i.computePopupOpts.className||i.popupClassName;return i.computePermissionInfo.visible?o||$.length?(e={contextmenu:i.contextmenuEvent},t={},"hover"===u&&(e.mouseenter=i.mouseenterTargetEvent,e.mouseleave=i.mouseleaveTargetEvent,t.mouseenter=i.mouseenterDropdownEvent,t.mouseleave=i.mouseleaveDropdownEvent),n("div",{ref:"refElem",class:["vxe-button--dropdown",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty({},"size--".concat(D),D),"is--active",h)]},[l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f,custom:!0,to:l},on:Object.assign({click:i.clickTargetEvent},e)},i.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f},on:Object.assign({click:i.clickTargetEvent},e)},i.renderContent(n).concat(v?[n("i",{class:"vxe-button--dropdown-arrow ".concat((0,_ui.getIcon)().BUTTON_DROPDOWN)})]:[])),n("div",{ref:"refBtnPanel",class:["vxe-button--dropdown-panel",O?_xeUtils.default.isFunction(O)?O({$button:i}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"is--transfer",E),"ani--leave",x),"ani--enter",h)],attrs:{placement:r.panelPlacement},style:r.panelStyle,on:t},b&&(h||x)?[o?n("div",{class:"vxe-button--dropdown-wrapper",on:{mousedown:i.mousedownDropdownEvent,click:i.clickDropdownEvent}},b&&(!d||h||x)?o.call(i,{}):[]):n("div",{class:"vxe-button--dropdown-wrapper"},b&&(!d||h||x)?$.map(function(t,e){return n("vxe-button",{key:e,props:{type:t.type,mode:t.mode||_,className:t.className,name:t.name,routerLink:t.routerLink,permissionCode:t.permissionCode,title:t.title,content:t.content,status:t.status,icon:t.icon,round:_xeUtils.default.isBoolean(t.round)?t.round:"text"!==_&&y,circle:_xeUtils.default.isBoolean(t.circle)?t.circle:"text"!==_&&B,disabled:t.disabled,loading:t.loading,align:t.align},on:{click:function(e){i.downBtnClickEvent(e,t)}}})}):[])]:[])])):l?n("router-link",{ref:"refButton",class:["vxe-button","vxe-button--link","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],props:{title:a,name:p,type:g?c:"button",disabled:w||f,custom:!0,to:l},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent,contextmenu:i.contextmenuEvent}},i.renderContent(n)):n("button",{ref:"refButton",class:["vxe-button","type--".concat(_),T?"align--".concat(T):"",s?_xeUtils.default.isFunction(s)?s({$button:i}):s:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(D),D),"theme--".concat(P),P),"is--round",y),"is--circle",B),"is--shadow",m),"is--disabled",w||f),"is--loading",f)],attrs:{title:a,name:p,type:g?c:"button",disabled:w||f},on:{click:i.clickEvent,mouseenter:i.mouseenterEvent,mouseleave:i.mouseleaveEvent,contextmenu:i.contextmenuEvent}},i.renderContent(n)):(0,_ui.renderEmptyElement)(i)}},mounted:function(){var e=this;"text"===e.type&&(0,_log.warnLog)("vxe.error.delProp",["[button] type=text","mode=text"]),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this.$refs.refBtnPanel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_ui.globalEvents.off(this,"mousewheel"),_ui.globalEvents.off(this,"mousedown"),_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/drawer/src/drawer.js

@@ -92,6 +92,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
     },
     content: [Number, String],
+    useHtml: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.useHtml;
+      }
+    },
     showCancelButton: {
       type: Boolean,
       default: null
@@ -590,7 +596,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var slots = $xeDrawer.$scopedSlots;
       var _props$slots3 = props.slots,
         propSlots = _props$slots3 === void 0 ? {} : _props$slots3,
-        content = props.content;
+        content = props.content,
+        useHtml = props.useHtml;
       var defaultSlot = slots.default || propSlots.default;
       var leftSlot = slots.left || propSlots.left;
       var rightSlot = slots.right || propSlots.right;
@@ -602,7 +609,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $drawer: $xeDrawer
       }, h)) : (0, _ui.renderEmptyElement)($xeDrawer), h('div', {
         class: 'vxe-drawer--body-default'
-      }, [h('div', {
+      }, [useHtml && !defaultSlot ? h('div', {
+        key: 'hc',
+        class: 'vxe-drawer--content',
+        domProps: {
+          innerHTML: (0, _utils.getFuncText)(content)
+        }
+      }) : h('div', {
         class: 'vxe-drawer--content'
       }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, {
         $drawer: $xeDrawer

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveDrawers=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"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index"));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 allActiveDrawers=exports.allActiveDrawers=[],_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],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}},width:[Number,String],height:[Number,String],resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},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:{type:Function,default:function(){return(0,_ui.getConfig)().drawer.beforeHideMethod}},slots:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.width,t=this.height,r=this.getBox();return r&&(r.style.width=(0,_dom.toCssUnit)(e),r.style.height=(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<allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=t.beforeHideMethod,i=r.visible,o={type:e};return i&&Promise.resolve(n?n(o):null).then(function(e){_xeUtils.default.isError(e)||(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))}).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=e.initialized,i=e.visible,o=r.computeBtnTransfer;return t||(e.initialized=!0,o&&(t=r.$refs.refElem,document.body.appendChild(t))),i||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),allActiveDrawers.push(r),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)),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(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;allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o=this,a=o.reactData,t=(e.preventDefault(),(0,_dom.getDomNode)()),l=t.visibleHeight,s=t.visibleWidth,u=e.target.getAttribute("type"),c=s,d=l,f=o.getBox(),v=f.clientWidth,p=f.clientHeight,w=e.clientX,h=e.clientY,m=f.offsetTop,g=f.offsetLeft,x={type:"resize"};document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),u){case"wl":n=(t=w-e.clientX)+v,0<g-t&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=h-e.clientY,i=p+r,0<m-r&&0<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-w,g+(n=t+v)+0<s&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-h,m+(i=r+p)+0<l&&0<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",o.dispatchEvent("resize",x,e),a.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,a.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=n.default||i.default,l=n.left||i.left,n=n.right||i.right;return e("div",{class:"vxe-drawer--body"},[l?e("div",{class:"vxe-drawer--body-left"},t.callSlot(l,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},[e("div",{class:"vxe-drawer--content"},a?t.callSlot(a,{$drawer:t},e):(0,_utils.getFuncText)(o))]),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_index.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.slots,o=t.className,a=t.loading,l=t.lockScroll,s=t.padding,u=t.lockView,c=t.mask,d=t.resize,f=t.destroyOnClose,v=n.initialized,p=n.contentVisible,w=n.visible,r=r.aside||(void 0===i?{}:i).aside,i=t.computeSize,h=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),o||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(i),i),"is--padding",s),"lock--scroll",l),"lock--view",u),"is--mask",c),"is--visible",p),"is--active",w),"is--loading",a)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},v?[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||f&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),d?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(h,"-resize"),attrs:{type:h},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.recalculate()},height:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;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=exports.allActiveDrawers=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"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index"));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 allActiveDrawers=exports.allActiveDrawers=[],_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}},width:[Number,String],height:[Number,String],resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},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:{type:Function,default:function(){return(0,_ui.getConfig)().drawer.beforeHideMethod}},slots:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.width,t=this.height,r=this.getBox();return r&&(r.style.width=(0,_dom.toCssUnit)(e),r.style.height=(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<allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=t.beforeHideMethod,i=r.visible,o={type:e};return i&&Promise.resolve(n?n(o):null).then(function(e){_xeUtils.default.isError(e)||(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))}).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=e.initialized,i=e.visible,o=r.computeBtnTransfer;return t||(e.initialized=!0,o&&(t=r.$refs.refElem,document.body.appendChild(t))),i||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),allActiveDrawers.push(r),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)),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(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;allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o=this,a=o.reactData,t=(e.preventDefault(),(0,_dom.getDomNode)()),l=t.visibleHeight,s=t.visibleWidth,u=e.target.getAttribute("type"),c=s,d=l,f=o.getBox(),v=f.clientWidth,p=f.clientHeight,w=e.clientX,h=e.clientY,m=f.offsetTop,g=f.offsetLeft,x={type:"resize"};document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),u){case"wl":n=(t=w-e.clientX)+v,0<g-t&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=h-e.clientY,i=p+r,0<m-r&&0<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-w,g+(n=t+v)+0<s&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-h,m+(i=r+p)+0<l&&0<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",o.dispatchEvent("resize",x,e),a.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,a.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)}},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useHtml,l=n.default||i.default,s=n.left||i.left,n=n.right||i.right;return e("div",{class:"vxe-drawer--body"},[s?e("div",{class:"vxe-drawer--body-left"},t.callSlot(s,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},[a&&!l?e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):e("div",{class:"vxe-drawer--content"},l?t.callSlot(l,{$drawer:t},e):(0,_utils.getFuncText)(o))]),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_index.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.slots,o=t.className,a=t.loading,l=t.lockScroll,s=t.padding,u=t.lockView,c=t.mask,d=t.resize,f=t.destroyOnClose,v=n.initialized,p=n.contentVisible,w=n.visible,r=r.aside||(void 0===i?{}:i).aside,i=t.computeSize,h=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),o||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(i),i),"is--padding",s),"lock--scroll",l),"lock--view",u),"is--mask",c),"is--visible",p),"is--active",w),"is--loading",a)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},v?[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||f&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),d?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(h,"-resize"),attrs:{type:h},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.recalculate()},height:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;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)}});

package/lib/index.umd.js

@@ -13214,7 +13214,7 @@ function checkDynamic() {
 }
 ;// ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.14.9");
+var log_version = "ui v".concat("3.14.11");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// ./packages/ui/index.ts
@@ -13222,7 +13222,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.14.9";
+var ui_version = "3.14.11";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13349,6 +13349,7 @@ setConfig({
   },
   drawer: {
     // size: null,
+    // useHtml: false,
     position: 'right',
     showHeader: true,
     lockView: true,
@@ -13448,6 +13449,7 @@ setConfig({
     // size: null,
     top: 16,
     showHeader: true,
+    // useHtml: false,
     // width: null,
     // height: null,
     minWidth: 340,
@@ -15983,7 +15985,19 @@ function _toConsumableArray(r) {
       type: [String, Number],
       default: null
     },
-    useHTML: Boolean,
+    useHtml: {
+      type: Boolean,
+      default: function _default() {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(getConfig().tooltip.useHtml) ? getConfig().tooltip.useHtml : null;
+      }
+    },
+    // 已废弃，请使用 useHtml
+    useHTML: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().tooltip.useHTML;
+      }
+    },
     zIndex: [String, Number],
     popupClassName: [String, Function],
     width: {
@@ -16462,25 +16476,26 @@ function _toConsumableArray(r) {
       var props = $xeTooltip;
       var slots = $xeTooltip.$scopedSlots;
       var reactData = $xeTooltip.reactData;
-      var useHTML = props.useHTML;
+      var useHtml = props.useHtml,
+        useHTML = props.useHTML;
       var tipContent = reactData.tipContent;
       var wrapperStyle = $xeTooltip.computeWrapperStyle;
       var contentSlot = slots.content;
       var contVNs = [];
       if (contentSlot) {
         contVNs.push(h('div', {
-          key: 1
+          key: 'ct'
         }, vn_getSlotVNs(contentSlot({}))));
-      } else if (useHTML) {
+      } else if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(useHtml) ? useHtml : useHTML) {
         contVNs.push(h('div', {
-          key: 2,
-          props: {
+          key: 'ch',
+          domProps: {
             innerHTML: tipContent
           }
         }));
       } else {
         contVNs.push(h('span', {
-          key: 3
+          key: 'cd'
         }, "".concat(tipContent)));
       }
       return h('div', {
@@ -17223,7 +17238,7 @@ var Tooltip = VxeTooltip;
     renderTooltipIcon: function renderTooltipIcon(h, tipOpts, type) {
       return h(packages_tooltip, {
         props: {
-          useHTML: tipOpts.useHTML,
+          useHtml: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(tipOpts.useHtml) ? tipOpts.useHtml : tipOpts.useHTML,
           content: tipOpts.content,
           enterable: tipOpts.enterable,
           theme: tipOpts.theme
@@ -35056,6 +35071,12 @@ var allActiveDrawers = [];
       }
     },
     content: [Number, String],
+    useHtml: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().drawer.useHtml;
+      }
+    },
     showCancelButton: {
       type: Boolean,
       default: null
@@ -35554,7 +35575,8 @@ var allActiveDrawers = [];
       var slots = $xeDrawer.$scopedSlots;
       var _props$slots3 = props.slots,
         propSlots = _props$slots3 === void 0 ? {} : _props$slots3,
-        content = props.content;
+        content = props.content,
+        useHtml = props.useHtml;
       var defaultSlot = slots.default || propSlots.default;
       var leftSlot = slots.left || propSlots.left;
       var rightSlot = slots.right || propSlots.right;
@@ -35566,7 +35588,13 @@ var allActiveDrawers = [];
         $drawer: $xeDrawer
       }, h)) : renderEmptyElement($xeDrawer), h('div', {
         class: 'vxe-drawer--body-default'
-      }, [h('div', {
+      }, [useHtml && !defaultSlot ? h('div', {
+        key: 'hc',
+        class: 'vxe-drawer--content',
+        domProps: {
+          innerHTML: getFuncText(content)
+        }
+      }) : h('div', {
         class: 'vxe-drawer--content'
       }, defaultSlot ? $xeDrawer.callSlot(defaultSlot, {
         $drawer: $xeDrawer
@@ -42598,6 +42626,12 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
       }
     },
     content: [Number, String],
+    useHtml: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().modal.useHtml;
+      }
+    },
     showCancelButton: {
       type: Boolean,
       default: null
@@ -44022,7 +44056,8 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         propSlots = _props$slots3 === void 0 ? {} : _props$slots3,
         status = props.status,
         message = props.message,
-        iconStatus = props.iconStatus;
+        iconStatus = props.iconStatus,
+        useHtml = props.useHtml;
       var content = props.content || message;
       var isMsg = $xeModal.computeIsMsg;
       var defaultSlot = slots.default || propSlots.default;
@@ -44036,7 +44071,14 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
           class: ['vxe-modal--status-icon', iconStatus || getIcon()["MODAL_".concat(status).toLocaleUpperCase()]]
         })]));
       }
-      contVNs.push(h('div', {
+      contVNs.push(useHtml && !defaultSlot ? h('div', {
+        key: 'hc',
+        class: 'vxe-modal--content',
+        domProps: {
+          innerHTML: getFuncText(content)
+        }
+      }) : h('div', {
+        key: 'dc',
         class: 'vxe-modal--content'
       }, defaultSlot ? $xeModal.callSlot(defaultSlot, {
         $modal: $xeModal