vxe-pc-ui 4.11.30 → 4.11.32

package/es/tree/src/tree.js

@@ -1,4 +1,4 @@
-import { ref, h, reactive, computed, watch, onUnmounted, nextTick, onMounted } from 'vue';
+import { ref, h, reactive, computed, watch, onBeforeUnmount, nextTick, onMounted, provide } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import { VxeUI, getI18n, createEvent, getIcon, getConfig, useSize, globalEvents, globalResize, renderEmptyElement } from '../../ui';
 import { calcTreeLine, enNodeValue, deNodeValue } from './util';
@@ -7,8 +7,9 @@ import { getCrossTreeDragNodeInfo } from './store';
 import XEUtils from 'xe-utils';
 import { getSlotVNs } from '../../ui/src/vn';
 import { toCssUnit, isScale, getPaddingTopBottomSize, addClass, removeClass, getTpImg, hasControlKey, getEventTargetNode } from '../../ui/src/dom';
+import { isEnableConf } from '../../ui/src/utils';
 import { moveRowAnimateToTb, clearRowAnimate } from '../../ui/src/anime';
-import VxeLoadingComponent from '../../loading/src/loading';
+import VxeLoadingComponent from '../../loading';
 /**
  * 生成节点的唯一主键
  */
@@ -43,6 +44,24 @@ function createInternalData() {
         // hpTimeout: undefined
     };
 }
+function createReactData() {
+    return {
+        parentHeight: 0,
+        customHeight: 0,
+        customMinHeight: 0,
+        customMaxHeight: 0,
+        currentNode: null,
+        scrollYLoad: false,
+        bodyHeight: 0,
+        topSpaceHeight: 0,
+        selectRadioKey: null,
+        treeList: [],
+        updateExpandedFlag: 1,
+        updateCheckboxFlag: 1,
+        dragNode: null,
+        dragTipText: ''
+    };
+}
 // let crossTreeDragNodeObj: {
 //   $oldTree: VxeTreeConstructor & VxeTreePrivateMethods
 //   $newTree: (VxeTreeConstructor & VxeTreePrivateMethods) | null
@@ -141,6 +160,7 @@ export default defineVxeComponent({
             default: () => getConfig().tree.drag
         },
         dragConfig: Object,
+        menuConfig: Object,
         showIcon: {
             type: Boolean,
             default: true
@@ -179,7 +199,10 @@ export default defineVxeComponent({
         'scroll',
         'node-dragstart',
         'node-dragover',
-        'node-dragend'
+        'node-dragend',
+        'node-expand',
+        'node-menu',
+        'menu-click'
     ],
     setup(props, context) {
         const { emit, slots } = context;
@@ -193,23 +216,8 @@ export default defineVxeComponent({
         const refDragNodeLineElem = ref();
         const refDragTipElem = ref();
         const crossTreeDragNodeInfo = getCrossTreeDragNodeInfo();
-        const reactData = reactive({
-            parentHeight: 0,
-            customHeight: 0,
-            customMinHeight: 0,
-            customMaxHeight: 0,
-            currentNode: null,
-            scrollYLoad: false,
-            bodyHeight: 0,
-            topSpaceHeight: 0,
-            selectRadioKey: enNodeValue(props.checkNodeKey),
-            treeList: [],
-            updateExpandedFlag: 1,
-            updateCheckboxFlag: 1,
-            dragNode: null,
-            dragTipText: ''
-        });
         const internalData = createInternalData();
+        const reactData = reactive(createReactData());
         const refMaps = {
             refElem
         };
@@ -269,6 +277,9 @@ export default defineVxeComponent({
         const computeDragOpts = computed(() => {
             return Object.assign({}, getConfig().tree.dragConfig, props.dragConfig);
         });
+        const computeMenuOpts = computed(() => {
+            return Object.assign({}, getConfig().tree.menuConfig, props.menuConfig);
+        });
         const computeTreeStyle = computed(() => {
             const { customHeight, customMinHeight, customMaxHeight } = reactData;
             const stys = {};
@@ -909,6 +920,33 @@ export default defineVxeComponent({
         const handleNodeDblclickEvent = (evnt, node) => {
             dispatchEvent('node-dblclick', { node }, evnt);
         };
+        const handleContextmenuEvent = (evnt, node) => {
+            const { menuConfig } = props;
+            const isRowCurrent = computeIsRowCurrent.value;
+            const menuOpts = computeMenuOpts.value;
+            if (menuConfig ? isEnableConf(menuOpts) : menuOpts.enabled) {
+                const { options, visibleMethod } = menuOpts;
+                if (!visibleMethod || visibleMethod({ $tree: $xeTree, options, node })) {
+                    if (isRowCurrent) {
+                        changeCurrentEvent(evnt, node);
+                    }
+                    else if (reactData.currentNode) {
+                        reactData.currentNode = null;
+                    }
+                    if (VxeUI.contextMenu) {
+                        VxeUI.contextMenu.openByEvent(evnt, {
+                            options,
+                            events: {
+                                optionClick(eventParams) {
+                                    dispatchEvent('menu-click', Object.assign({ node }, eventParams), eventParams.$event);
+                                }
+                            }
+                        });
+                    }
+                }
+            }
+            dispatchEvent('node-menu', { node }, evnt);
+        };
         const handleAsyncTreeExpandChilds = (node) => {
             const checkboxOpts = computeCheckboxOpts.value;
             const { loadMethod } = props;
@@ -2284,6 +2322,9 @@ export default defineVxeComponent({
                 },
                 onDblclick(evnt) {
                     handleNodeDblclickEvent(evnt, node);
+                },
+                onContextmenu(evnt) {
+                    handleContextmenuEvent(evnt, node);
                 }
             };
             // 拖拽行事件
@@ -2540,7 +2581,7 @@ export default defineVxeComponent({
             recalculate();
         });
         onMounted(() => {
-            const { transform, drag } = props;
+            const { transform, drag, menuConfig } = props;
             const dragOpts = computeDragOpts.value;
             if (drag && !transform) {
                 errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true']);
@@ -2548,6 +2589,10 @@ export default defineVxeComponent({
             if (dragOpts.isCrossTreeDrag) {
                 errLog('vxe.error.notProp', ['drag-config.isCrossTreeDrag']);
             }
+            const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
+            if (menuConfig && !VxeUIContextMenu) {
+                errLog('vxe.error.reqComp', ['vxe-context-menu']);
+            }
             if (props.autoResize) {
                 const el = refElem.value;
                 const parentEl = getParentElem();
@@ -2566,16 +2611,19 @@ export default defineVxeComponent({
             }
             globalEvents.on($xeTree, 'resize', handleGlobalResizeEvent);
         });
-        onUnmounted(() => {
+        onBeforeUnmount(() => {
             const { resizeObserver } = internalData;
             if (resizeObserver) {
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeTree, 'resize');
+            XEUtils.assign(reactData, createReactData());
             XEUtils.assign(internalData, createInternalData());
         });
+        reactData.selectRadioKey = enNodeValue(props.checkNodeKey);
         loadData(props.data || []);
         $xeTree.renderVN = renderVN;
+        provide('$xeTree', $xeTree);
         return $xeTree;
     },
     render() {

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 = "4.11.30";
+export const version = "4.11.32";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -37,7 +37,8 @@ setConfig({
         },
         suffixTooltip: {
             enterable: true
-        }
+        },
+        showDropdownIcon: true
     },
     buttonGroup: {},
     calendar: {
@@ -70,6 +71,7 @@ setConfig({
         }
     },
     collapsePane: {},
+    contextMenu: {},
     countdown: {},
     colorPicker: {
         type: 'rgb',
@@ -626,7 +628,10 @@ setIcon({
     SPLIT_LEFT_ACTION: iconPrefix + 'arrow-left',
     SPLIT_RIGHT_ACTION: iconPrefix + 'arrow-right',
     // backtop
-    BACKTOP_TOP: iconPrefix + 'top'
+    BACKTOP_TOP: iconPrefix + 'top',
+    // context-menu
+    CONTEXT_MENU_OPTION_LOADING: iconPrefix + 'spinner roll',
+    CONTEXT_MENU_CHILDREN: iconPrefix + 'arrow-right'
 });
 export * from '@vxe-ui/core';
 export default VxeUI;

package/es/ui/src/log.js

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

package/es/vxe-context-menu/index.js

@@ -0,0 +1,3 @@
+import VxeContextMenu from '../context-menu';
+export * from '../context-menu';
+export default VxeContextMenu;

package/es/vxe-context-menu/style.css

@@ -0,0 +1,112 @@
+.vxe-context-menu {
+  display: none;
+  top: 0;
+  left: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-context-menu.is--visible {
+  display: block;
+}
+.vxe-context-menu.is--fixed {
+  position: fixed;
+}
+.vxe-context-menu.is--absolute {
+  position: absolute;
+}
+.vxe-context-menu.cp--left .vxe-context-menu--children-wrapper {
+  left: calc(-100% + 2px);
+}
+.vxe-context-menu.cp--right .vxe-context-menu--children-wrapper {
+  left: calc(100% - 2px);
+}
+
+.vxe-context-menu--group-wrapper {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+.vxe-context-menu--group-wrapper:first-child {
+  border: 0;
+}
+
+.vxe-context-menu--wrapper,
+.vxe-context-menu--children-wrapper {
+  padding: 0;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  background-color: var(--vxe-ui-layout-background-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
+}
+
+.vxe-context-menu--children-wrapper {
+  display: none;
+  position: absolute;
+  transform: translateY(-5px);
+}
+
+.vxe-context-menu--item-wrapper {
+  position: relative;
+  min-width: 12em;
+  max-width: 20em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-context-menu--item-wrapper.is--active {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.vxe-context-menu--first-item.is--active .vxe-context-menu--children-wrapper {
+  display: block;
+}
+
+.vxe-context-menu--item-inner {
+  height: var(--vxe-ui-context-menu-option-height);
+  display: flex;
+  align-items: center;
+  padding: 0 0.8em;
+  cursor: pointer;
+}
+.vxe-context-menu--item-inner.is--loading {
+  opacity: 0.5;
+  cursor: progress;
+}
+.vxe-context-menu--item-inner.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: no-drop;
+}
+
+.vxe-context-menu--item-prefix {
+  min-width: 1em;
+  text-align: center;
+}
+
+.vxe-context-menu--item-prefix,
+.vxe-context-menu--item-suffix {
+  flex-shrink: 0;
+  font-size: 0.9em;
+}
+
+.vxe-context-menu--item-label {
+  font-size: 0.9em;
+  padding: 0 0.5em;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-context-menu {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-context-menu.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-context-menu.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-context-menu.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-context-menu/style.min.css

@@ -0,0 +1 @@
+.vxe-context-menu{display:none;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu.is--visible{display:block}.vxe-context-menu.is--fixed{position:fixed}.vxe-context-menu.is--absolute{position:absolute}.vxe-context-menu.cp--left .vxe-context-menu--children-wrapper{left:calc(-100% + 2px)}.vxe-context-menu.cp--right .vxe-context-menu--children-wrapper{left:calc(100% - 2px)}.vxe-context-menu--group-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-context-menu--group-wrapper:first-child{border:0}.vxe-context-menu--children-wrapper,.vxe-context-menu--wrapper{padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);border:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);box-shadow:0 0 12px 0 rgba(0,0,0,.3)}.vxe-context-menu--children-wrapper{display:none;position:absolute;transform:translateY(-5px)}.vxe-context-menu--item-wrapper{position:relative;min-width:12em;max-width:20em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-context-menu--item-wrapper.is--active{background-color:rgba(0,0,0,.1)}.vxe-context-menu--first-item.is--active .vxe-context-menu--children-wrapper{display:block}.vxe-context-menu--item-inner{height:var(--vxe-ui-context-menu-option-height);display:flex;align-items:center;padding:0 .8em;cursor:pointer}.vxe-context-menu--item-inner.is--loading{opacity:.5;cursor:progress}.vxe-context-menu--item-inner.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-context-menu--item-prefix{min-width:1em;text-align:center}.vxe-context-menu--item-prefix,.vxe-context-menu--item-suffix{flex-shrink:0;font-size:.9em}.vxe-context-menu--item-label{font-size:.9em;padding:0 .5em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-context-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-context-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-context-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-context-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/backtop/src/backtop.js

@@ -243,8 +243,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     (0, _vue.onBeforeUnmount)(() => {
       removeScrollEvent();
       _xeUtils.default.assign(reactData, createReactData());
-    });
-    (0, _vue.onUnmounted)(() => {
       _xeUtils.default.assign(internalData, createInternalData());
     });
     $xeBacktop.renderVN = renderVN;

package/lib/backtop/src/backtop.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",props:{target:String,size:{type:String,default:()=>(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size},circle:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.circle},right:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.right},bottom:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.bottom},status:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.status},icon:{type:String,default:()=>(0,_ui.getConfig)().backtop.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showIcon},content:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.content},showContent:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showContent},zIndex:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.zIndex},threshold:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.threshold},position:{type:String,default:()=>(0,_ui.getConfig)().backtop.position}},emits:["click"],setup(g,e){const{slots:p,emit:o}=e;var t=_xeUtils.default.uniqueId();const d=(0,_vue.ref)(),_=(0,_ui.useSize)(g)["computeSize"],r=createInternalData(),f=(0,_vue.reactive)(createReactData()),i={refElem:d},v=(0,_vue.computed)(()=>{var{right:e,bottom:t,zIndex:r}=g,o={};return e&&(o.right=(0,_dom.toCssUnit)(e)),t&&(o.bottom=(0,_dom.toCssUnit)(t)),r&&(o.zIndex=r),o}),a={},m={xID:t,props:g,context:e,internalData:r,reactData:f,getRefMaps:()=>i,getComputeMaps:()=>a},n=(e,t,r)=>{o(e,(0,_ui.createEvent)(r,{$backtop:m},t))},u=e=>{var t=g["threshold"],e=e.currentTarget.scrollTop;f.showBtn=e>Math.max(1,_xeUtils.default.toNumber(t))},s=()=>{var e,t=r["targetEl"];t&&0<(e=t.scrollTop)&&(requestAnimationFrame(s),e=e-Math.max(12,e/6),t.scrollTop=10<e?e:0)},c=()=>{var e=r["targetEl"];e&&e.removeEventListener("scroll",u)},l=()=>{(0,_vue.nextTick)(()=>{var e,t=g["target"];t?_xeUtils.default.isString(t)&&(t=((e=document.querySelector(t))||(0,_log.errLog)("vxe.error.errProp",["target="+t,"body"]),r)["targetEl"],t!==e)&&(c(),r.targetEl=e,t=r.targetEl)&&t.addEventListener("scroll",u,{passive:!0}):(c(),(0,_log.errLog)("vxe.error.reqProp",["target"]))})},b=e=>{s(),n("click",{},e)};t={dispatchEvent:n};Object.assign(m,t,{});return(0,_vue.watch)(()=>g.target,()=>{l()}),(0,_vue.onMounted)(()=>{l()}),(0,_vue.onBeforeUnmount)(()=>{c(),_xeUtils.default.assign(f,createReactData())}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(r,createInternalData())}),m.renderVN=()=>{var{circle:e,position:t,status:r,icon:o,showIcon:i,content:a,showContent:n}=g,u=f["showBtn"],s=v.value,c=_.value,l=p.default;return(0,_vue.h)("div",{ref:d,class:["vxe-backtop","fixed"===t?"is--"+t:"is--absolute",{["size--"+c]:c,["theme--"+r]:r,"is--circle":e,"is--visible":u}],style:s,onClick:b},[(0,_vue.h)("div",{class:"vxe-backtop--inner"},[l?l({}):[i?(0,_vue.h)("div",{class:"vxe-backtop--icon"},[(0,_vue.h)("i",{class:o||(0,_ui.getIcon)().BACKTOP_TOP})]):(0,_ui.renderEmptyElement)(m),n?(0,_vue.h)("div",{class:"vxe-backtop--content"},""+(a||"")):(0,_ui.renderEmptyElement)(m)]])])},m},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",props:{target:String,size:{type:String,default:()=>(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size},circle:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.circle},right:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.right},bottom:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.bottom},status:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.status},icon:{type:String,default:()=>(0,_ui.getConfig)().backtop.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showIcon},content:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.content},showContent:{type:Boolean,default:()=>(0,_ui.getConfig)().backtop.showContent},zIndex:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.zIndex},threshold:{type:[String,Number],default:()=>(0,_ui.getConfig)().backtop.threshold},position:{type:String,default:()=>(0,_ui.getConfig)().backtop.position}},emits:["click"],setup(g,e){const{slots:p,emit:o}=e;var t=_xeUtils.default.uniqueId();const d=(0,_vue.ref)(),_=(0,_ui.useSize)(g)["computeSize"],r=createInternalData(),f=(0,_vue.reactive)(createReactData()),i={refElem:d},v=(0,_vue.computed)(()=>{var{right:e,bottom:t,zIndex:r}=g,o={};return e&&(o.right=(0,_dom.toCssUnit)(e)),t&&(o.bottom=(0,_dom.toCssUnit)(t)),r&&(o.zIndex=r),o}),a={},m={xID:t,props:g,context:e,internalData:r,reactData:f,getRefMaps:()=>i,getComputeMaps:()=>a},n=(e,t,r)=>{o(e,(0,_ui.createEvent)(r,{$backtop:m},t))},u=e=>{var t=g["threshold"],e=e.currentTarget.scrollTop;f.showBtn=e>Math.max(1,_xeUtils.default.toNumber(t))},s=()=>{var e,t=r["targetEl"];t&&0<(e=t.scrollTop)&&(requestAnimationFrame(s),e=e-Math.max(12,e/6),t.scrollTop=10<e?e:0)},c=()=>{var e=r["targetEl"];e&&e.removeEventListener("scroll",u)},l=()=>{(0,_vue.nextTick)(()=>{var e,t=g["target"];t?_xeUtils.default.isString(t)&&(t=((e=document.querySelector(t))||(0,_log.errLog)("vxe.error.errProp",["target="+t,"body"]),r)["targetEl"],t!==e)&&(c(),r.targetEl=e,t=r.targetEl)&&t.addEventListener("scroll",u,{passive:!0}):(c(),(0,_log.errLog)("vxe.error.reqProp",["target"]))})},b=e=>{s(),n("click",{},e)};t={dispatchEvent:n};Object.assign(m,t,{});return(0,_vue.watch)(()=>g.target,()=>{l()}),(0,_vue.onMounted)(()=>{l()}),(0,_vue.onBeforeUnmount)(()=>{c(),_xeUtils.default.assign(f,createReactData()),_xeUtils.default.assign(r,createInternalData())}),m.renderVN=()=>{var{circle:e,position:t,status:r,icon:o,showIcon:i,content:a,showContent:n}=g,u=f["showBtn"],s=v.value,c=_.value,l=p.default;return(0,_vue.h)("div",{ref:d,class:["vxe-backtop","fixed"===t?"is--"+t:"is--absolute",{["size--"+c]:c,["theme--"+r]:r,"is--circle":e,"is--visible":u}],style:s,onClick:b},[(0,_vue.h)("div",{class:"vxe-backtop--inner"},[l?l({}):[i?(0,_vue.h)("div",{class:"vxe-backtop--icon"},[(0,_vue.h)("i",{class:o||(0,_ui.getIcon)().BACKTOP_TOP})]):(0,_ui.renderEmptyElement)(m),n?(0,_vue.h)("div",{class:"vxe-backtop--content"},""+(a||"")):(0,_ui.renderEmptyElement)(m)]])])},m},render(){return this.renderVN()}});

package/lib/button/src/button.js

@@ -96,6 +96,10 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
     prefixTooltip: Object,
     suffixTooltip: Object,
     options: Array,
+    showDropdownIcon: {
+      type: Boolean,
+      default: () => (0, _ui.getConfig)().button.showDropdownIcon
+    },
     /**
      * 在下拉面板关闭时销毁内容
      */
@@ -120,6 +124,7 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
     const $xeModal = (0, _vue.inject)('$xeModal', null);
     const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
+    const $xeTree = (0, _vue.inject)('$xeTree', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const $xeButtonGroup = (0, _vue.inject)('$xeButtonGroup', null);
     const xID = _xeUtils.default.uniqueId();
@@ -166,7 +171,7 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeTree || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -600,7 +605,8 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
         type,
         destroyOnClose,
         name,
-        loading
+        loading,
+        showDropdownIcon
       } = props;
       const {
         initialized,
@@ -660,9 +666,9 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
           onClick: clickTargetEvent
         }, btnOns), {
           default() {
-            return renderContent().concat([(0, _vue.h)('i', {
+            return renderContent().concat(showDropdownIcon ? [(0, _vue.h)('i', {
               class: `vxe-button--dropdown-arrow ${(0, _ui.getIcon)().BUTTON_DROPDOWN}`
-            })]);
+            })] : []);
           }
         }) : (0, _vue.h)('button', Object.assign({
           ref: refButton,
@@ -681,9 +687,9 @@ const VxeButtonComponent = (0, _comp.defineVxeComponent)({
           type: isFormBtn ? type : 'button',
           disabled: btnDisabled || loading,
           onClick: clickTargetEvent
-        }, btnOns), renderContent().concat([(0, _vue.h)('i', {
+        }, btnOns), renderContent().concat(showDropdownIcon ? [(0, _vue.h)('i', {
           class: `vxe-button--dropdown-arrow ${(0, _ui.getIcon)().BUTTON_DROPDOWN}`
-        })])), (0, _vue.h)(_vue.Teleport, {
+        })] : [])), (0, _vue.h)(_vue.Teleport, {
           to: 'body',
           disabled: btnTransfer ? !initialized : true
         }, [(0, _vue.h)('div', Object.assign({

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(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,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick"],setup(O,e){const{slots:N,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),s=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(O)["computeSize"],w=(0,_ui.usePermission)(O)["computePermissionInfo"],I=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),a={showTime:void 0,tooltipTimeout:void 0},S=(0,_vue.ref)(),z=(0,_vue.ref)(),B=(0,_vue.ref)(),r={refElem:S},j={xID:t,props:O,context:e,reactData:I,internalData:a,getRefMaps:()=>r};const V=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||n||o||s)return!0}return e}),$=(0,_vue.computed)(()=>{var e=O["disabled"],t=w.value;return e||t.disabled}),E=(0,_vue.computed)(()=>{var e=O["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),M=(0,_vue.computed)(()=>{var{type:e,mode:t}=O;return"text"===t||"text"===e||l&&"text"===l.props.mode?"text":"button"}),U=(0,_vue.computed)(()=>{var e=O["status"];return e||(l?l.props.status:"")}),q=(0,_vue.computed)(()=>{var e=O["align"];return e||!!l&&l.props.align}),W=(0,_vue.computed)(()=>{var e=O["round"];return e||!!l&&l.props.round}),Z=(0,_vue.computed)(()=>{var e=O["circle"];return e||!!l&&l.props.circle}),J=(0,_vue.computed)(()=>{var e=O["options"];return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,O.prefixTooltip)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,O.suffixTooltip)),d=()=>{var e=O["zIndex"];e?I.panelIndex=e:I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)())},v=()=>{const n=O["placement"],i=I["panelIndex"],o=z.value,u=B.value,s=V.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:n,teleportTo:s}),t=Object.assign(e.style,{zIndex:i});I.panelStyle=t,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},A=e=>{l&&l.handleClick({name:O.name},e),H("click",{$event:e},e)},K=e=>{0===e.button&&e.stopPropagation()},Q=e=>{var t=e.currentTarget;const n=B.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),I.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(I.isAniVisible=!1)},350),H("dropdown-click",{name:i.getAttribute("name"),option:null},e))},D=()=>{const e=B.value;e&&(e.dataset.active="Y",I.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(I.visiblePanel=!0,d(),v(),setTimeout(()=>{I.visiblePanel&&v()},50))},20))},X=e=>{var t=O["loading"];$.value||t||(c(),R(e))},ee=e=>{Y(),F(e)},R=e=>{H("mouseenter",{},e)},F=e=>{H("mouseleave",{},e)},L=e=>{var{loading:t,trigger:n}=O;$.value||t||("click"===n&&(I.visiblePanel?Y:c)(),A(e))},c=()=>{var e=O["trigger"];const t=B.value;return t&&(t.dataset.active="Y",I.initialized||(I.initialized=!0),a.showTime=setTimeout(()=>{"Y"===t.dataset.active?D():I.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},Y=()=>{const e=B.value;return clearTimeout(a.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(I.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(I.isAniVisible=!1)},350))},100)):(I.isAniVisible=!1,I.visiblePanel=!1),(0,_vue.nextTick)()},te=()=>{Y()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHTML:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),G=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=O,s=O.prefixIcon||O.icon,l=O.prefixRender||O.iconRender,a=b.value,r=_.value,v=N.prefix||N.icon,c=N.suffix,d=N.default,p=[];return i&&p.push(m(a,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},v({}))):l?(a=(i=_ui.renderer.get(l.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},a?(0,_vn.getSlotVNs)(a(l,{$button:j})):[]))):s&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",s]})),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},d({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},c({}))):u?(v=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},v?(0,_vn.getSlotVNs)(v(u,{$button:j})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},H=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:j},t))},p=(t={dispatchEvent:H,openPanel:c,closePanel:Y,focus(){var e=z.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=z.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=B.value;I.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&Y()}),x=e=>{var t,n=$.value,i=I["visiblePanel"];n||(n=S.value,t=B.value,I.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!I.isActivated&&Y())},f=()=>{var e=I["visiblePanel"];e&&v()};Object.assign(j,t);return j.renderVN=()=>{var{className:e,popupClassName:t,trigger:n,title:i,routerLink:o,type:u,destroyOnClose:s,name:l,loading:a}=O,{initialized:r,isAniVisible:v,visiblePanel:c}=I,d=E.value;const p=M.value;var m=U.value;const b=W.value;var _=q.value;const x=Z.value;var f,g=V.value,h=$.value,T=w.value,y=J.value,C=P.value,k=N.dropdowns;return T.visible?k||y.length?(T={},f={},"hover"===n&&(T.onMouseenter=X,T.onMouseleave=ee,f.onMouseenter=D,f.onMouseleave=te),(0,_vue.h)("div",{ref:S,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:j}):e:"",{["size--"+C]:C,"is--active":c}]},[o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:z,class:["vxe-button","vxe-button--link","type--"+p,_?"align--"+_:"",e?_xeUtils.default.isFunction(e)?e({$button:j}):e:"",{["size--"+C]:C,["theme--"+m]:m,"is--round":b,"is--circle":x,"is--disabled":h||a,"is--loading":a}],title:i,name:l,type:d?u:"button",disabled:h||a,to:o,onClick:L},T),{default(){return G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])}}):(0,_vue.h)("button",Object.assign({ref:z,class:["vxe-button","type--"+p,_?"align--"+_:"",e?_xeUtils.default.isFunction(e)?e({$button:j}):e:"",{["size--"+C]:C,["theme--"+m]:m,"is--round":b,"is--circle":x,"is--disabled":h||a,"is--loading":a}],title:i,name:l,type:d?u:"button",disabled:h||a,onClick:L},T),G().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!g||!r},[(0,_vue.h)("div",Object.assign({ref:B,class:["vxe-button--dropdown-panel",t?_xeUtils.default.isFunction(t)?t({$button:j}):t:"",{["size--"+C]:C,"is--transfer":g,"ani--leave":v,"ani--enter":c}],placement:I.panelPlacement,style:I.panelStyle},f),r&&(c||v)?[k?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:K,onClick:Q},r&&(!s||c||v)?k({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},r&&(!s||c||v)?y.map((i,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:i.type,mode:i.mode||p,className:i.className,name:i.name,routerLink:i.routerLink,permissionCode:i.permissionCode,title:i.title,content:i.content,status:i.status,icon:i.icon,round:_xeUtils.default.isBoolean(i.round)?i.round:"text"!==p&&b,circle:_xeUtils.default.isBoolean(i.circle)?i.circle:"text"!==p&&x,disabled:i.disabled,loading:i.loading,align:i.align,onClick(e){var t=e,n=i;t=e.$event,Y(),H("dropdown-click",{name:n.name,option:n},t)}})):[])]:[])])])):o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:z,class:["vxe-button","vxe-button--link","type--"+p,_?"align--"+_:"",e?_xeUtils.default.isFunction(e)?e({$button:j}):e:"",{["size--"+C]:C,["theme--"+m]:m,"is--round":b,"is--circle":x,"is--disabled":h||a,"is--loading":a}],title:i,name:l,type:d?u:"button",disabled:h||a,to:o,onClick:A,onMouseenter:R,onMouseleave:F},{default(){return G()}}):(0,_vue.h)("button",{ref:z,class:["vxe-button","type--"+p,_?"align--"+_:"",e?_xeUtils.default.isFunction(e)?e({$button:j}):e:"",{["size--"+C]:C,["theme--"+m]:m,"is--round":b,"is--circle":x,"is--disabled":h||a,"is--loading":a}],title:i,name:l,type:d?u:"button",disabled:h||a,onClick:A,onMouseenter:R,onMouseleave:F},G()):(0,_ui.renderEmptyElement)(j)},(0,_vue.onMounted)(()=>{"text"===O.type&&(0,_log.warnLog)("vxe.error.delProp",["[button] type=text","mode=text"]),_ui.globalEvents.on(j,"mousewheel",p),_ui.globalEvents.on(j,"mousedown",x),_ui.globalEvents.on(j,"resize",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(j,"mousewheel"),_ui.globalEvents.off(j,"mousedown"),_ui.globalEvents.off(j,"resize")}),j},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeButtonComponent=(0,_comp.defineVxeComponent)({name:"VxeButton",props:{type:String,mode:String,className:[String,Function],popupClassName:[String,Function],size:{type:String,default:()=>(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,icon:String,iconRender:Object,prefixIcon:String,prefixRender:Object,suffixIcon:String,suffixRender:Object,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,trigger:{type:String,default:()=>(0,_ui.getConfig)().button.trigger},align:String,prefixTooltip:Object,suffixTooltip:Object,options:Array,showDropdownIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().button.showDropdownIcon},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().button.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["click","mouseenter","mouseleave","dropdown-click","dropdownClick"],setup(O,e){const{slots:I,emit:i}=e,n=(0,_vue.inject)("$xeModal",null),o=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),s=(0,_vue.inject)("$xeTree",null),l=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("$xeButtonGroup",null);var t=_xeUtils.default.uniqueId();const N=(0,_ui.useSize)(O)["computeSize"],P=(0,_ui.usePermission)(O)["computePermissionInfo"],S=(0,_vue.reactive)({initialized:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),r={showTime:void 0,tooltipTimeout:void 0},B=(0,_vue.ref)(),j=(0,_vue.ref)(),z=(0,_vue.ref)(),c={refElem:B},$={xID:t,props:O,context:e,reactData:S,internalData:r,getRefMaps:()=>c};const V=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().button.transfer;if(_xeUtils.default.isBoolean(t))return t;if(u||s||n||o||l)return!0}return e}),E=(0,_vue.computed)(()=>{var e=O["disabled"],t=P.value;return e||t.disabled}),M=(0,_vue.computed)(()=>{var e=O["type"];return!!e&&-1<["submit","reset","button"].indexOf(e)}),U=(0,_vue.computed)(()=>{var{type:e,mode:t}=O;return"text"===t||"text"===e||a&&"text"===a.props.mode?"text":"button"}),D=(0,_vue.computed)(()=>{var e=O["status"];return e||(a?a.props.status:"")}),W=(0,_vue.computed)(()=>{var e=O["align"];return e||!!a&&a.props.align}),Z=(0,_vue.computed)(()=>{var e=O["round"];return e||!!a&&a.props.round}),J=(0,_vue.computed)(()=>{var e=O["circle"];return e||!!a&&a.props.circle}),K=(0,_vue.computed)(()=>{var e=O["options"];return e?e.filter(e=>{e=e.permissionCode;return!e||_ui.permission.checkVisible(e)}):[]}),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.prefixTooltip,O.prefixTooltip)),b=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().button.suffixTooltip,O.suffixTooltip)),p=()=>{var e=O["zIndex"];e?S.panelIndex=e:S.panelIndex<(0,_utils.getLastZIndex)()&&(S.panelIndex=(0,_utils.nextZIndex)())},v=()=>{const n=O["placement"],i=S["panelIndex"],o=j.value,u=z.value,s=V.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(o,u,{placement:n,teleportTo:s}),t=Object.assign(e.style,{zIndex:i});S.panelStyle=t,S.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},q=e=>{a&&a.handleClick({name:O.name},e),H("click",{$event:e},e)},Q=e=>{0===e.button&&e.stopPropagation()},X=e=>{var t=e.currentTarget;const n=z.value;var{flag:t,targetElem:i}=(0,_dom.getEventTargetNode)(e,t,"vxe-button");t&&(n&&(n.dataset.active="N"),S.visiblePanel=!1,setTimeout(()=>{n&&"Y"===n.dataset.active||(S.isAniVisible=!1)},350),H("dropdown-click",{name:i.getAttribute("name"),option:null},e))},A=()=>{const e=z.value;e&&(e.dataset.active="Y",S.isAniVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(S.visiblePanel=!0,p(),v(),setTimeout(()=>{S.visiblePanel&&v()},50))},20))},ee=e=>{var t=O["loading"];E.value||t||(d(),R(e))},te=e=>{Y(),F(e)},R=e=>{H("mouseenter",{},e)},F=e=>{H("mouseleave",{},e)},L=e=>{var{loading:t,trigger:n}=O;E.value||t||("click"===n&&(S.visiblePanel?Y:d)(),q(e))},d=()=>{var e=O["trigger"];const t=z.value;return t&&(t.dataset.active="Y",S.initialized||(S.initialized=!0),r.showTime=setTimeout(()=>{"Y"===t.dataset.active?A():S.isAniVisible=!1},"click"===e?50:250)),(0,_vue.nextTick)()},Y=()=>{const e=z.value;return clearTimeout(r.showTime),e?(e.dataset.active="N",setTimeout(()=>{"Y"!==e.dataset.active&&(S.visiblePanel=!1,setTimeout(()=>{"Y"!==e.dataset.active&&(S.isAniVisible=!1)},350))},100)):(S.isAniVisible=!1,S.visiblePanel=!1),(0,_vue.nextTick)()},ne=()=>{Y()},m=(e,t)=>(0,_vue.h)(_tooltip.default,{useHTML:e.useHTML,content:e.content,enterable:e.enterable,theme:e.theme},{default(){return(0,_vue.h)("span",{class:`vxe-button--item vxe-button--tooltip-${t}-icon`},[(0,_vue.h)("i",{class:e.icon||(0,_ui.getIcon)().BUTTON_TOOLTIP_ICON})])}}),G=()=>{var{content:e,suffixIcon:t,loading:n,prefixTooltip:i,suffixTooltip:o,suffixRender:u}=O,s=O.prefixIcon||O.icon,l=O.prefixRender||O.iconRender,a=_.value,r=b.value,c=I.prefix||I.icon,v=I.suffix,d=I.default,p=[];return i&&p.push(m(a,"prefix")),n?p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--loading-icon",(0,_ui.getIcon)().BUTTON_LOADING]})):c?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-prefix-icon"},c({}))):l?(a=(i=_ui.renderer.get(l.name))?i.renderButtonPrefix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-prefix-icon"]},a?(0,_vn.getSlotVNs)(a(l,{$button:$})):[]))):s&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--prefix-icon",s]})),d?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},d({}))):e&&p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--content"},(0,_utils.getFuncText)(e))),v?p.push((0,_vue.h)("span",{class:"vxe-button--item vxe-button--custom-suffix-icon"},v({}))):u?(c=(n=_ui.renderer.get(u.name))?n.renderButtonSuffix:null,p.push((0,_vue.h)("span",{class:["vxe-button--item vxe-button--custom-suffix-icon"]},c?(0,_vn.getSlotVNs)(c(u,{$button:$})):[]))):t&&p.push((0,_vue.h)("i",{class:["vxe-button--item vxe-button--suffix-icon",t]})),o&&p.push(m(r,"suffix")),p},H=(e,t,n)=>{i(e,(0,_ui.createEvent)(n,{$button:$},t))},x=(t={dispatchEvent:H,openPanel:d,closePanel:Y,focus(){var e=j.value;return e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=j.value;return e&&e.blur(),(0,_vue.nextTick)()}},e=>{var t=z.value;S.visiblePanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&Y()}),f=e=>{var t,n=E.value,i=S["visiblePanel"];n||(n=B.value,t=z.value,S.isActivated=(0,_dom.getEventTargetNode)(e,n).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!S.isActivated&&Y())},g=()=>{var e=S["visiblePanel"];e&&v()};Object.assign($,t);return $.renderVN=()=>{const{className:e,popupClassName:t,trigger:n,title:i,routerLink:o,type:u,destroyOnClose:s,name:l,loading:a,showDropdownIcon:r}=O;var{initialized:c,isAniVisible:v,visiblePanel:d}=S,p=M.value;const m=U.value;var _=D.value;const b=Z.value;var x=W.value;const f=J.value;var g,h=V.value,T=E.value,y=P.value,C=K.value,w=N.value,k=I.dropdowns;return y.visible?k||C.length?(y={},g={},"hover"===n&&(y.onMouseenter=ee,y.onMouseleave=te,g.onMouseenter=A,g.onMouseleave=ne),(0,_vue.h)("div",{ref:B,class:["vxe-button--dropdown",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+w]:w,"is--active":d}]},[o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),Object.assign({ref:j,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+w]:w,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--disabled":T||a,"is--loading":a}],title:i,name:l,type:p?u:"button",disabled:T||a,to:o,onClick:L},y),{default(){return G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])}}):(0,_vue.h)("button",Object.assign({ref:j,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+w]:w,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--disabled":T||a,"is--loading":a}],title:i,name:l,type:p?u:"button",disabled:T||a,onClick:L},y),G().concat(r?[(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow "+(0,_ui.getIcon)().BUTTON_DROPDOWN})]:[])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!h||!c},[(0,_vue.h)("div",Object.assign({ref:z,class:["vxe-button--dropdown-panel",t?_xeUtils.default.isFunction(t)?t({$button:$}):t:"",{["size--"+w]:w,"is--transfer":h,"ani--leave":v,"ani--enter":d}],placement:S.panelPlacement,style:S.panelStyle},g),c&&(d||v)?[k?(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:Q,onClick:X},c&&(!s||d||v)?k({}):[]):(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper"},c&&(!s||d||v)?C.map((i,e)=>(0,_vue.h)(VxeButtonComponent,{key:e,type:i.type,mode:i.mode||m,className:i.className,name:i.name,routerLink:i.routerLink,permissionCode:i.permissionCode,title:i.title,content:i.content,status:i.status,icon:i.icon,round:_xeUtils.default.isBoolean(i.round)?i.round:"text"!==m&&b,circle:_xeUtils.default.isBoolean(i.circle)?i.circle:"text"!==m&&f,disabled:i.disabled,loading:i.loading,align:i.align,onClick(e){var t=e,n=i;t=e.$event,Y(),H("dropdown-click",{name:n.name,option:n},t)}})):[])]:[])])])):o?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{ref:j,class:["vxe-button","vxe-button--link","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+w]:w,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--disabled":T||a,"is--loading":a}],title:i,name:l,type:p?u:"button",disabled:T||a,to:o,onClick:q,onMouseenter:R,onMouseleave:F},{default(){return G()}}):(0,_vue.h)("button",{ref:j,class:["vxe-button","type--"+m,x?"align--"+x:"",e?_xeUtils.default.isFunction(e)?e({$button:$}):e:"",{["size--"+w]:w,["theme--"+_]:_,"is--round":b,"is--circle":f,"is--disabled":T||a,"is--loading":a}],title:i,name:l,type:p?u:"button",disabled:T||a,onClick:q,onMouseenter:R,onMouseleave:F},G()):(0,_ui.renderEmptyElement)($)},(0,_vue.onMounted)(()=>{"text"===O.type&&(0,_log.warnLog)("vxe.error.delProp",["[button] type=text","mode=text"]),_ui.globalEvents.on($,"mousewheel",x),_ui.globalEvents.on($,"mousedown",f),_ui.globalEvents.on($,"resize",g)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off($,"mousewheel"),_ui.globalEvents.off($,"mousedown"),_ui.globalEvents.off($,"resize")}),$},render(){return this.renderVN()}});var _default=exports.default=VxeButtonComponent;

package/lib/components.js

@@ -293,6 +293,18 @@ Object.keys(_colorPicker).forEach(function (key) {
     }
   });
 });
+var _contextMenu = _interopRequireWildcard(require("./context-menu"));
+Object.keys(_contextMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _contextMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _contextMenu[key];
+    }
+  });
+});
 var _countdown = _interopRequireWildcard(require("./countdown"));
 Object.keys(_countdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1096,7 +1108,7 @@ const {
   setTheme,
   setConfig
 } = _ui.VxeUI;
-const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _backtop.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _cascader.default, _checkbox.default, _checkboxButton.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _countdown.default, _datePanel.default, _datePicker.default, _dateRangePicker.default, _drawer.default, _empty.default, _form.default, _formGather.default, _formGroup.default, _formItem.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _segmented.default, _select.default, _splitter.default, _splitterPanel.default, _split.default, _splitPane.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _timeline.default, _timelineItem.default, _tip.default, _tooltip.default, _tour.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
+const components = [_alert.default, _anchor.default, _anchorLink.default, _avatar.default, _backtop.default, _badge.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _calendar.default, _card.default, _carousel.default, _carouselItem.default, _cascader.default, _checkbox.default, _checkboxButton.default, _checkboxGroup.default, _col.default, _collapse.default, _collapsePane.default, _colorPicker.default, _contextMenu.default, _countdown.default, _datePanel.default, _datePicker.default, _dateRangePicker.default, _drawer.default, _empty.default, _form.default, _formGather.default, _formGroup.default, _formItem.default, _icon.default, _iconPicker.default, _image.default, _imageGroup.default, _imagePreview.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _link.default, _list.default, _loading.default, _menu.default, _modal.default, _noticeBar.default, _numberInput.default, _optgroup.default, _option.default, _pager.default, _passwordInput.default, _printPageBreak.default, _print.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _rate.default, _result.default, _row.default, _segmented.default, _select.default, _splitter.default, _splitterPanel.default, _split.default, _splitPane.default, _slider.default, _steps.default, _switch.default, _tabPane.default, _tableSelect.default, _tabs.default, _tag.default, _textEllipsis.default, _text.default, _textarea.default, _timeline.default, _timelineItem.default, _tip.default, _tooltip.default, _tour.default, _tree.default, _treeSelect.default, _upload.default, _watermark.default];
 function install(app, options) {
   setConfig(options);
   components.forEach(component => app.use(component));