vxe-pc-ui 3.14.8 → 3.14.10

package/es/table-select/src/table-select.js

@@ -505,6 +505,11 @@ export default {
         },
         clearEvent(params, evnt) {
             const $xeTableSelect = this;
+            const $grid = $xeTableSelect.$refs.refGrid;
+            if ($grid) {
+                $grid.clearRadioRow();
+                $grid.clearCheckboxRow();
+            }
             $xeTableSelect.clearValueEvent(evnt, null);
             $xeTableSelect.hideOptionPanel();
         },

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,19 +473,19 @@ 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,
+                    key: 'ch',
                     props: {
                         innerHTML: tipContent
                     }
@@ -485,7 +493,7 @@ export default {
             }
             else {
                 contVNs.push(h('span', {
-                    key: 3
+                    key: 'cd'
                 }, `${tipContent}`));
             }
             return h('div', {

package/es/tree/src/tree.js

@@ -742,6 +742,8 @@ export default {
             const reactData = $xeTree.reactData;
             const { indent } = props;
             const { customHeight, customMinHeight, customMaxHeight } = reactData;
+            const checkboxOpts = $xeTree.computeCheckboxOpts;
+            const { nodeStyle } = checkboxOpts;
             const stys = {};
             if (customHeight) {
                 stys.height = toCssUnit(customHeight);
@@ -755,6 +757,15 @@ export default {
             if (indent) {
                 stys['--vxe-ui-tree-node-indent'] = toCssUnit(indent);
             }
+            if (nodeStyle) {
+                const { indeterminateColor, checkedColor } = nodeStyle;
+                if (indeterminateColor) {
+                    stys['--vxe-ui-tree-node-checkbox-indeterminate-color'] = indeterminateColor;
+                }
+                if (checkedColor) {
+                    stys['--vxe-ui-tree-node-checkbox-checked-color'] = checkedColor;
+                }
+            }
             return stys;
         },
         computeFilterOpts() {
@@ -2519,13 +2530,12 @@ export default {
             }
             return renderEmptyElement($xeTree);
         },
-        renderCheckbox(h, node, nodeid, isChecked) {
+        renderCheckbox(h, node, nodeid, isChecked, isIndeterminate) {
             const $xeTree = this;
             const props = $xeTree;
             const { showCheckbox } = props;
             const checkboxOpts = $xeTree.computeCheckboxOpts;
             const { showIcon, checkMethod, visibleMethod } = checkboxOpts;
-            const isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid);
             const isVisible = !visibleMethod || visibleMethod({ $tree: $xeTree, node });
             let isDisabled = !!checkMethod;
             if (showCheckbox && showIcon && isVisible) {
@@ -2579,8 +2589,10 @@ export default {
                 isRadioChecked = nodeid === String(selectRadioKey);
             }
             let isCheckboxChecked = false;
+            let isIndeterminate = false;
             if (showCheckbox) {
                 isCheckboxChecked = $xeTree.isCheckedByCheckboxNodeId(nodeid);
+                isIndeterminate = $xeTree.isIndeterminateByCheckboxNodeid(nodeid);
             }
             let hasLazyChilds = false;
             let isLazyLoading = false;
@@ -2625,7 +2637,8 @@ export default {
                     class: ['vxe-tree--node-item', {
                             'is--current': currentNode && nodeid === $xeTree.getNodeId(currentNode),
                             'is-radio--checked': isRadioChecked,
-                            'is-checkbox--checked': isCheckboxChecked
+                            'is-checkbox--checked': isCheckboxChecked,
+                            'is-checkbox--indeterminate': isIndeterminate
                         }]
                 }, [
                     showLine
@@ -2662,7 +2675,7 @@ export default {
                         : []),
                     $xeTree.renderDragIcon(h, node, nodeid),
                     $xeTree.renderRadio(h, node, nodeid, isRadioChecked),
-                    $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked),
+                    $xeTree.renderCheckbox(h, node, nodeid, isCheckboxChecked, isIndeterminate),
                     h('div', {
                         class: 'vxe-tree--node-item-inner'
                     }, [

package/es/tree/style.css

@@ -222,6 +222,12 @@
   height: var(--vxe-ui-tree-node-height);
   line-height: var(--vxe-ui-tree-node-height);
 }
+.vxe-tree--node-item.is-checkbox--indeterminate > .vxe-tree--node-item-inner {
+  color: var(--vxe-ui-tree-node-checkbox-indeterminate-color);
+}
+.vxe-tree--node-item.is-checkbox--checked > .vxe-tree--node-item-inner {
+  color: var(--vxe-ui-tree-node-checkbox-checked-color);
+}
 
 .vxe-tree--node-item-switcher {
   position: relative;

package/es/tree/style.min.css

@@ -1 +1 @@
-@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item.is-checkbox--indeterminate>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-indeterminate-color)}.vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-checked-color)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}

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.8";
+export const version = "3.14.9";
 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.8"}`;
+const version = `ui v${"3.14.9"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-tree/style.css

@@ -222,6 +222,12 @@
   height: var(--vxe-ui-tree-node-height);
   line-height: var(--vxe-ui-tree-node-height);
 }
+.vxe-tree--node-item.is-checkbox--indeterminate > .vxe-tree--node-item-inner {
+  color: var(--vxe-ui-tree-node-checkbox-indeterminate-color);
+}
+.vxe-tree--node-item.is-checkbox--checked > .vxe-tree--node-item-inner {
+  color: var(--vxe-ui-tree-node-checkbox-checked-color);
+}
 
 .vxe-tree--node-item-switcher {
   position: relative;

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

@@ -1 +1 @@
-@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+@charset "UTF-8";.vxe-tree{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tree.node--trigger .vxe-tree--node-item{cursor:pointer}.vxe-tree .vxe-tree--node-item.is--current{background-color:var(--vxe-ui-tree-node-current-background-color)}.vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked{background-color:var(--vxe-ui-tree-node-checkbox-checked-background-color)}.vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked{background-color:var(--vxe-ui-tree-node-radio-checked-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover{background-color:var(--vxe-ui-tree-node-hover-background-color)}.vxe-tree.node--hover .vxe-tree--node-item:hover.is--current{background-color:var(--vxe-ui-tree-node-hover-current-background-color)}.vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover{background-color:var(--vxe-ui-tree-node-hover-radio-checked-background-color)}.vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover{background-color:var(--vxe-ui-tree-node-hover-checkbox-checked-background-color)}.vxe-tree.show--line .vxe-tree--node-child-line{position:absolute;top:0;left:0;height:calc(100% - .7em);transform:translateX(-.6em);border-left-width:var(--vxe-ui-tree-node-line-width);border-left-style:var(--vxe-ui-tree-node-line-style);border-left-color:var(--vxe-ui-tree-node-line-color);pointer-events:none;z-index:5}.vxe-tree--drag-handle{flex-shrink:0;padding-right:.2em}.vxe-tree--drag-handle:not(.is--disabled){cursor:grab}.vxe-tree--drag-handle:not(.is--disabled):active{cursor:grabbing}.vxe-tree--drag-handle:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-handle.is--disabled{color:var(--vxe-ui-input-disabled-color);cursor:not-allowed}.vxe-tree--node-wrapper.row--drag-move{transition:transform .5s ease}.vxe-tree--node-wrapper.node--drag-origin{opacity:.3}.vxe-tree--node-wrapper.node--level-0>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 0 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-1>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 1 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-2>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 2 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-3>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 3 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-4>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 4 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-5>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 5 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-6>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 6 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-7>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 7 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-8>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 8 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--node-wrapper.node--level-9>.vxe-tree--node-item{padding-left:calc(var(--vxe-ui-tree-node-indent) * 9 + var(--vxe-ui-tree-node-root-indent))}.vxe-tree--drag-node-line{display:none;position:absolute;top:0;left:0;z-index:11;pointer-events:none}.vxe-tree--drag-node-line{width:100%;height:1px;border:2px solid transparent}.vxe-tree--drag-node-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-tree--drag-node-line[drag-to-child=y]{border-top-color:transparent;border-bottom-color:transparent;border-left-color:var(--vxe-ui-status-success-color)}.vxe-tree--drag-node-line.is--guides{background-color:var(--vxe-ui-tree-drag-over-background-color)}.vxe-body--row-list-move{transition-property:transform;transition-duration:.35s}.vxe-tree--drag-sort-tip{display:none;position:absolute;top:0;left:0;padding:.6em 1.4em;max-width:50%;min-width:100px;border-radius:var(--vxe-ui-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-ui-layout-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-tree--drag-sort-tip[drag-status=normal] .vxe-tree--drag-sort-tip-normal-status{display:block}.vxe-tree--drag-sort-tip[drag-status=sub] .vxe-tree--drag-sort-tip-sub-status{display:block}.vxe-tree--drag-sort-tip[drag-status=disabled] .vxe-tree--drag-sort-tip-disabled-status{display:block}.vxe-tree--drag-sort-tip-wrapper{display:flex;flex-direction:row;align-items:center}.vxe-tree--drag-sort-tip-status{padding-right:.4em}.vxe-tree--drag-sort-tip-disabled-status{display:none;flex-shrink:0;color:var(--vxe-ui-status-error-color)}.vxe-tree--drag-sort-tip-normal-status,.vxe-tree--drag-sort-tip-sub-status{display:none}.vxe-tree--drag-sort-tip-content{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-line-wrapper{position:relative;display:block;height:0}.vxe-tree--node-line{position:absolute;bottom:calc(var(--vxe-ui-tree-node-height)/ 2 * -1);left:.6em;width:.6em;border-width:0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);border-style:var(--vxe-ui-tree-node-line-style);border-color:var(--vxe-ui-tree-node-line-color);pointer-events:none}.vxe-tree--node-list-wrapper{overflow-y:auto;overflow-x:hidden}.vxe-tree--node-child-wrapper{position:relative}.vxe-tree--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-tree-node-height);line-height:var(--vxe-ui-tree-node-height)}.vxe-tree--node-item.is-checkbox--indeterminate>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-indeterminate-color)}.vxe-tree--node-item.is-checkbox--checked>.vxe-tree--node-item-inner{color:var(--vxe-ui-tree-node-checkbox-checked-color)}.vxe-tree--node-item-switcher{position:relative;width:1.4em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--node-item-icon{position:absolute;display:inline-flex;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;text-align:center;z-index:7}.vxe-tree--node-item-icon>i{display:inline-flex;transition:all .2s ease-in-out}.vxe-tree--node-item-inner{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.vxe-tree--node-item-inner .vxe-tree--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-tree--node-item-inner .vxe-tree--node-item-extra{flex-shrink:0}.vxe-tree--checkbox-option{padding-right:.4em}.vxe-tree--checkbox-option{cursor:pointer}.vxe-tree--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-tree--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--checkbox-option.is--checked,.vxe-tree--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--checkbox-option.is--hidden{cursor:default}.vxe-tree--checkbox-option.is--readonly{cursor:auto}.vxe-tree--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-tree--radio-option{padding-right:.4em}.vxe-tree--radio-option{cursor:pointer}.vxe-tree--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-tree--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-tree--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tree--radio-option.is--readonly{cursor:auto}.vxe-tree--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-tree--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-tree--radio-option .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-tree--empty-placeholder{margin-top:1.4em;text-align:center;height:var(--vxe-ui-tree-node-height);color:var(--vxe-ui-input-placeholder-color)}.vxe-tree--y-space{width:0;float:left}.vxe-tree{font-size:var(--vxe-ui-font-size-default)}.vxe-tree.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tree.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tree.size--mini{font-size:var(--vxe-ui-font-size-mini)}

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',
+        props: {
+          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(),p=f.clientWidth,v=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)+p,0<g-t&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=h-e.clientY,i=v+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+p)+0<s&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-h,m+(i=r+v)+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",props:{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,p=n.initialized,v=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",v),"is--active",w),"is--loading",a)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},p?[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)}});